Framer - Design Features Announcing Framer X. Join the waitlist. Announcing Framer X. Join the waitlist.

Design, done differently.

All your screens and UI elements, now automatically responsive. Design for every device, on any platform.

Try Framer for free Watch video

Rethink your design workflow.

Skip the grunt work, thanks to automated grouping and responsive layouts. Plus: a path editing tool to inspire intricate icons and illustration work. Ready to share? Copy and paste assets or export your entire canvas along with production-ready CSS and SVG code. Trust us, your teammates will thank you.


Our smart layout tool automatically sets hierarchy.


Framer’s vector editor is completely SVG-based.


Copy CSS values and be production-ready in no time.


Adaptive UI done right.

Be a creative. We’ll take care of the heavy lifting. Our Frames tool automatically infers hierarchy, nesting and constraints. Need to change something? Use our powerful simulator to make smarter decisions, faster.


CSS-ready gradients.

Our web-based gradient model ensures accurate rendering in any browser, and it’s just one click to copy CSS to share production-ready code. Then keep your favorites readily available by saving color presets.


All the icons you need.

Discover hundreds of icons available directly in our app library. Quickly search and select, then place on your canvas. You can even double-click to edit the path lines of any icon.


Endless effects.

From blurs to blending modes, multiple shadows and border controls, there are hundreds of ways to customize your layers to perfection. Style your UI any way you like, then animate everything in code.


SVG-based vector editing.

Say hello to slicker path editing. Powered by SVG technology, our full-featured vector toolkit enables you to dial down to the details so you can design everything from icons to illustrations.


Export anything.

Get your work out of Framer in any form you choose. Export your entire canvas or a single icon. Copy and paste into Slack or grab production-ready CSS code. Framer even delivers cruft-free SVG code, for better syncing between design and development.

Sarah Kuehnle

“The auto-grouping feature in Framer’s design tool saves so much time. No more manual layer organization!”

Sarah Kuehnle, Dribbble
Zach Johnston

“Since Framer is our go-to design tool, the Design Systems team built out a desktop components kit to speed up our workflow.”

Zach Johnston, Dropbox

The best teams use Framer.

Join a growing list of companies who use Framer to make all the products you know and love.

Try Framer for free Pricing plans

Start your free 14‑day trial.

Enter your email and we‘ll send you a download link for later.

We recently introduced Frames and Shapes, so some information in these videos may be outdated. To learn more visit our Help Center.