Framer X Is Here

Get all the details on our new interactive tools, in-app design store and launch partner components.

asha

Ashanya Indralingam

September 18, 2018

S ay hello to Framer X — it’s the most advanced interactive design tool on the market, and yet intuitively easy all at once. Framer X is now available for public download, so claim your free trial to create responsive designs, everyday interactions and React-based components all in one powerful tool. No code needed, just drag and drop in fully functional components from the Framer X Store, the world’s first interactive design marketplace.

Interactive design for everyone

Since Framer launched in 2014, thousands of designers have used the tool to innovate on cutting-edge products including Twitter threads, Dropbox Paper, UberPool and more. And while product teams around the world leapt headfirst into Framer, many more designers found the code-based nature of the tool a tough barrier to entry. Today, Framer X opens up that same level of high-fidelity inetractive design to everyone by eliminating the need for code. In its place is an intuitive toolset that allows virtually anyone to design highly realistic everyday interactions, directly on the canvas.

“Next to inventing new interfaces, Framer X now lets you wireframe, express flows and package everything up into reusable components that you can compose into complete design systems,” says Koen Bok, co-founder of Framer.

“Now anyone, regardless of programming knowledge, can install packages from the Store and start composing interfaces by dragging and dropping components onto the canvas. It’s accessible design at its best.”


Framer X
Design visual and interactive components directly on the canvas then reuse across your project.

Framer X Features

Drawing includes an advanced path editor that allows you to draw and fine-tune everything from custom icons to intricate illustrations.

Layout automatically adapts your layout when you resize your canvas and lets you use flexible stacks to easily rearrange elements.

Interactive tools are a set of tools that allow users to design high-fidelity scrolling, paging, and screen-to-screen transitions—all you have to do is point and click.

Components in Framer X are fully interactive, reusable pieces that can include everything from live maps and image generators to video players.

Store is the world’s first in-app interactive design store, with packages containing everything from icons and UI elements to interactive design systems.


Framer X launch partners
Get component packages designed by the world’s best product teams, only in the Framer X Store.

The world’s first interactive design store

Framer X’s in-app Store comes pre-populated at launch with interactive and visual component packages. From video players, live maps and data generators to UI Kits and interactive design systems, every package will be configured to work out of the box, so anyone can install, drag and drop them into their designs. Many components will be contributed by the community, though partnerships with design-first companies like Mapbox and Unsplash will also ensure a steady stream of top-notch components. The Store also contains branded packages created by launch partners such as Facebook, Google, Airbnb, Snap Inc., Twitter, and Dropbox.


Framer X is now available for public access, download your free trial here.

Like this article? Spread the word.

Want more design articles?

Sign up for our newsletter and get resources, curated content, and design inspiration delivered straight to your inbox.

The Official Loupe 2018 Recap

Read more ›

Featured Framer X Packages: October

Read more ›

Interactive Components From Top Design Teams

Read more ›

Try Framer X.

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

Try it for free ›

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.