Your new favorite design tool.

Framer X has all the features you need to draw everything from custom icons to intricate illustrations. Fine-tune your designs with our advanced path editor, export anything from your canvas, and more.

Draw

Style

From blurs to blending modes, multiple shadows and border controls, there are hundreds of ways to style your designs.

Export

Export everything from your entire canvas to a single icon. Copy and paste assets or grab production-ready CSS or SVG code.

“I’ve been playing around with some of the illustration tools in Framer X and whoa—they’re crazy powerful.”

Justin Mezzell, Pluralsight

The absolute best layout tools.

Design responsive layouts like you never could before. Framer X is the only tool that automatically adapts your layout when you resize your canvas and lets you use flexible stacks to easily rearrange elements.

Unify

Secure

Publish themed packages to the Team Store, where only your team can access, update and work off a shared set of components.

“Your Framer X components can be a single source of truth. Your whole team can contribute both design and code without having to recreate anything. On top of that, you have access to thousands of components powered by a vibrant community.”

Meng To, Design+Code

React meets design.

Use actual React in your projects to create interactive components from scratch. Want more control? Create custom UI in the properties panel for your components.

Import

Easily import your existing production components into Framer X and then start building upon them.

Customize

Create custom interfaces that display in the property panel so you can completely fine-tune your components.

Animate

Use code to add animations, maintain a global state, make components communicate with each other, and more.

“I welcome every Framer X designer to the ReactJS community. Please feel at home — we love to help you learn and answer questions! React components transformed sharing UI code for me. I hope that the Framer X Store will empower so many more people to experience the same.”

Dan Abramov, React

Try Framer X.

The world’s most advanced tool for interactive design has arrived. Get started with Framer X today.