Design freely
Skip Figma imports and start designing directly in Framer. Design Pages let you explore freely like Figma's design canvas.
Search
Search
The only free design tool with publishing power
Site
Designs
Assets
Header 1
Header 2
Header 3
Header 4
Header 5
S
Header 6
Design and publish in one place
Skip Figma imports and start designing directly in Framer. Design Pages let you explore freely like Figma’s design canvas.
Promote your designs to Web Pages. Continue to tweak, add breakpoints, animations, interactions. Then? Just publish.
Not every project is a page. Use Framer for icons, visuals, and social assets—all in one place.
Designing in Framer is completely free. Unlimited projects, unlimited pages, and unlimited editors. You only pay when you launch your site on a custom domain.
100%
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
100%
Benjamin
Emili
100%
Icons 1
Icons 2
Move to Web Pages
Promote your designs to Web Pages. Continue to tweak, add breakpoints, animations, interactions. All done? Just publish.
Go beyond websites
Not every project is a page. Use Framer for icons, visuals, and social assets-all in one place.
Free and no limits
Designing in Framer is completely free. Unlimited projects, unlimited pages, and unlimited editors. You only pay when you launch your site on a custom domain.
Design and publish in one place
Skip Figma imports and start designing directly in Framer. Design Pages let you explore freely like Figma’s design canvas.
Promote your designs to Web Pages. Continue to tweak, add breakpoints, animations, interactions. Then? Just publish.
Not every project is a page. Use Framer for icons, visuals, and social assets—all in one place.
Designing in Framer is completely free. Unlimited projects, unlimited pages, and unlimited editors. You only pay when you launch your site on a custom domain.
100%
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
100%
Benjamin
Emili
100%
Icons 1
Icons 2
Design freely
Skip Figma imports and start designing directly in Framer. Design Pages let you explore freely like Figma's design canvas.
Move to Web Pages
Promote your designs to Web Pages. Continue to tweak, add breakpoints, animations, interactions. All done? Just publish.
Go beyond websites
Not every project is a page. Use Framer for icons, visuals, and social assets-all in one place.
Free and no limits
Designing in Framer is completely free. Unlimited projects, unlimited pages, and unlimited editors. You only pay when you launch your site on a custom domain.
Design and publish in one place
Skip Figma imports and start designing directly in Framer. Design Pages let you explore freely like Figma’s design canvas.
Promote your designs to Web Pages. Continue to tweak, add breakpoints, animations, interactions. Then? Just publish.
Not every project is a page. Use Framer for icons, visuals, and social assets—all in one place.
Designing in Framer is completely free. Unlimited projects, unlimited pages, and unlimited editors. You only pay when you launch your site on a custom domain.
100%
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
100%
Benjamin
Emili
100%
Icons 1
Icons 2
Design freely
Skip Figma imports and start designing directly in Framer. Design Pages let you explore freely like Figma's design canvas.
Move to Web Pages
Promote your designs to Web Pages. Continue to tweak, add breakpoints, animations, interactions. All done? Just publish.
Go beyond websites
Not every project is a page. Use Framer for icons, visuals, and social assets-all in one place.
Free and no limits
Designing in Framer is completely free. Unlimited projects, unlimited pages, and unlimited editors. You only pay when you launch your site on a custom domain.
The beauty is in the details
Framer Icon Set
Search…
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Transition
Ease
Spring
Type
Ease In Out
Bezier
0.44, 0, 0.56, 1
Time
1
S
Delay
0.1
S
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType
B
B
E
E
F
F
Search…
Stylistic Sets
Stylistic Set 1
Yes
No
Stylistic Set 2
Yes
No
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable
Weight
900
300
Italic
0
20
Variable
Variable Fonts. Experiment with font weight, width, and style variations.
Framer Icon Set
Search…
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Transition
Ease
Spring
Type
Ease In Out
Bezier
0.44, 0, 0.56, 1
Time
1
S
Delay
0.1
S
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType
B
B
E
E
F
F
Search…
Stylistic Sets
Stylistic Set 1
Yes
No
Stylistic Set 2
Yes
No
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable
Weight
900
300
Italic
0
20
Variable
Variable Fonts. Experiment with font weight, width, and style variations.
Framer Icon Set
Search…
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Transition
Ease
Spring
Type
Ease In Out
Bezier
0.44, 0, 0.56, 1
Time
1
S
Delay
0.1
S
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType
B
B
E
E
F
F
Search…
Stylistic Sets
Stylistic Set 1
Yes
No
Stylistic Set 2
Yes
No
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable
Weight
900
300
Italic
0
20
Variable
Variable Fonts. Experiment with font weight, width, and style variations.
Framer Icon Set
Search…
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Transition
Ease
Spring
Type
Ease In Out
Bezier
0.44, 0, 0.56, 1
Time
1
S
Delay
0.1
S
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType
B
B
E
E
F
F
Search…
Stylistic Sets
Stylistic Set 1
Yes
No
Stylistic Set 2
Yes
No
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable
Weight
900
300
Italic
0
20
Variable
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Vector Sets. Draw, edit, and manage complete vector sets. Perfect for icons.
Animations. Bring designs to life with smooth effects. No external tools required.
OpenType. Unlock advanced typography with ligatures, alternates, and more.
Text and Color Styles. Keep typography and colors consistent across your designs.
Vector Drawing. Draw icons or glyphs with precision using booleans and paths.
Variable Fonts. Experiment with font weight, width, and style variations.
Featured
Hidden Dunes
Mojave Desert
2025
Red Mirage
Dasht Desert
2024
Glass Dune
Gobi Desert
2025
Add structure with stacks and grids
Build layouts that adapt to content and container size, with full control over spacing and alignment.
Button • Primary
Get Started
Button • Hover
Get Started
Secondary
Get Started
Secondary • Hover
Get Started
Accent
Get Started
Accent • Hover
Get Started
Build faster with components
Reuse anything from buttons to full sections, and update every instance with a single change.
Search…
Plugins
Browse All…
Workshop
↩ to Launch
Google Sheets
Dither
Project
Create Web Page…
Create Component…
Publish Website
⌘ ⇧ P
⌘ + K is your superpower
Navigate pages, run plugins, insert components, publish, and keep moving fast.
Desktop
·
1200
Breakpoint
Alpine®
Resources
Pricing
About
Sign up
Placeholder
Your page content
will appear here.
Design at scale with Layout Templates
Create reusable navigations, footers, and layouts that sync across pages.
Benjamin
Emili
Collaborate in real time
Invite unlimited teammates, share feedback instantly, and move faster together.
Wireframer
I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page.
Landing Page 1
Landing Page 2
Wireframer helps you move fast
Generate responsive layouts with AI and refine them into finished designs.
Workshop
|
Number Counter
142
Scroll Progress
Workshop turns prompts into components
Use AI to generate custom code you can edit and drop straight into your project.
Bring Framer to your desktop
Download on Mac or Windows and export pixel-perfect assets with ease.
Add structure with stacks and grids
Build layouts that adapt to content and container size, with full control over spacing and alignment.
Add structure with stacks and grids
Build layouts that adapt to content and container size, with full control over spacing and alignment.
Add structure with stacks and grids
Build layouts that adapt to content and container size, with full control over spacing and alignment.
Build faster with components
Reuse anything from buttons to full sections, and update every instance with a single change.
Build faster with components
Reuse anything from buttons to full sections, and update every instance with a single change.
Build faster with components
Reuse anything from buttons to full sections, and update every instance with a single change.
⌘ + K is your superpower
Navigate pages, run plugins, insert components, publish, and keep moving fast.
⌘ + K is your superpower
Navigate pages, run plugins, insert components, publish, and keep moving fast.
⌘ + K is your superpower
Navigate pages, run plugins, insert components, publish, and keep moving fast.
Design at scale with Layout Templates
Create reusable navigations, footers, and layouts that sync across pages.
Design at scale with Layout Templates
Create reusable navigations, footers, and layouts that sync across pages.
Design at scale with Layout Templates
Create reusable navigations, footers, and layouts that sync across pages.
Collaborate in real time
Invite unlimited teammates, share feedback instantly, and move faster together.
Collaborate in real time
Invite unlimited teammates, share feedback instantly, and move faster together.
Collaborate in real time
Invite unlimited teammates, share feedback instantly, and move faster together.
Wireframer helps you move fast
Generate responsive layouts with AI and refine them into finished designs.
Wireframer helps you move fast
Generate responsive layouts with AI and refine them into finished designs.
Wireframer helps you move fast
Generate responsive layouts with AI and refine them into finished designs.
Workshop turns prompts into components
Use AI to generate custom code you can edit and drop straight into your project.
Workshop turns prompts into components
Use AI to generate custom code you can edit and drop straight into your project.
Workshop turns prompts into components
Use AI to generate custom code you can edit and drop straight into your project.
Bring Framer to your desktop
Download on Mac or Windows and export pixel-perfect assets with ease.
Bring Framer to your desktop
Download on Mac or Windows and export pixel-perfect assets with ease.
Bring Framer to your desktop
Download on Mac or Windows and export pixel-perfect assets with ease.