Last Updated: November 21, 2025
Framer
Interactive design and prototyping
Core Features
| Item | Description |
|---|---|
Design
|
Visual design tool |
Code
|
React components |
Prototyping
|
Interactive prototypes |
Smart Components
|
Variants and states |
CMS
|
Dynamic content |
Animations
|
Built-in transitions |
Key Concepts
| Item | Description |
|---|---|
Frame
|
Container element |
Component
|
Reusable design |
Variant
|
Component state |
Override
|
Customize instances |
Stack
|
Layout container |
Best Practices
- Use components with variants
- Leverage code for complex interactions
- Test responsive designs
- Use CMS for dynamic content
💡 Pro Tips
Quick Reference
Framer bridges design and code seamlessly