Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
Blog
  • Latest
  • Product
  • Editorial
  • Customers
  • Guides
Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Teams
  • Showcase
  • Developers
  • Resources
    • Tutorials
    • Examples
    • Components
    • Templates
    • Sessions
    • Support
    • Updates
  • Blog
  • Pricing
  • ···
    • Blog
    • Pricing
Blog
  • Latest
  • Product
  • Editorial
  • Customers
  • Guides

Framer X Is Here

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

Ashanya Indralingam

AI

by Ashanya Indralingam

Ashanya Indralingam

AI

Twitter

Ashanya Indralingam

Content Strategist at Framer.

TwitterFacebookLinkedIn

Say 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, 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.

You shouldn’t need different tools to solve for every phase of product design. With Framer, interactivity is first-class throughout your entire workflow, getting you to a functional prototype faster than ever—no code required.

Interactive design that feels real

Start prototyping for free with Framer today.

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.”
Design visual and interactive components directly on the canvas then reuse across your project.

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.

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

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.

Share this article

TwitterFacebookLinkedIn

Bring your best ideas to life

Subscribe to get fresh prototyping stories, tips, and resources delivered straight to your inbox.

Visual

Editorial

How to Code a Website in 2021: A Comprehensive Guide

November 2, 2021

Visual

Guides

What is Mobile-First Design, and How Do You Implement It?

November 2, 2021

Visual

Guides

How to Become a Web Designer in 2021

October 4, 2021

Framer

  • Teams
  • Pricing
  • Showcasenew
  • Blog
  • Developers
  • Updates

Platforms

  • Web
  • macOS
  • Windows
  • iOS
  • Android

Learn

  • Tutorials
  • Examples
  • Templates
  • Sessions

Resources

  • Components
  • Input Kit
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2022 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement