Building on our open platform: Design in Figma, prototype with Framer

At Figma, we believe in the web and open platforms. As we build the ecosystem around Figma, it’s important to us that you can always get your data out of our service. Today, we’re excited to share that our friends at Framer (who’ve recently joined Figma on the web!) have built a Figma importer. For our shared customers that love using both Figma and Framer, we’re excited for your experience to be more seamless than ever.

Our journey towards building an open platform started on day one. Since our founding, we believed that your data should never be locked inside Figma. It’s one of the many reasons we build Figma on the web and provide APIs for other developers to tap into.

When we released the first web API in 2018

, we noticed that customers like Uber and Github were bringing Figma file data into their internal tooling. One user even used Figma as a CMS! And when we introduced Figma’s plugin API

Automate work. Bring in real data. Extend what’s possible with Figma Plugins.

We're excited to introduce plugins to the entire Figma community. Today, the gates are open for anyone to use plugins built by our community and build your own plugins tailored to your workflow.

, we were pleased to see developers use plugins to bring data in and out of Figma.

In fact, we were so gung-ho about getting data out of Figma that we even tried introducing an API challenge

asking for our community’s help to build a Sketch Exporter. Thanks to our community’s feedback, we learned that this wasn’t the right approach

We made a mistake with our API Challenge, and we’re sorry

Over the last 24 hours, we’ve heard loud and clear from the designer community that the challenge comes across as “spec work.”

, and we rolled it back.

An open platform that fits any design workflow

At Figma, we care deeply about giving you control of your data, because part of making design more accessible means making design tooling more accessible. We believe that designers should have the freedom to fluidly work across their favorite tools.

While many designers do use Figma for their entire workflow — brainstorming, wireframing, designing, prototyping, research, handoff and more — we know that some need specialized tools for more advanced functionality. For example, some of our customers prefer Zeplin’s philosophy on developer handoff to Figma’s, and we’ve loved working with the Zeplin team to bring our tools closer together. When you’re building a product, it’s never a good idea to try and be all things to all people, and we rely on our ecosystem partners to help us fill in the gaps.

Prototype your Figma files in Framer Web

Today, we’re excited to introduce a new integration with Framer Web, where you can now easily import Figma files into Framer Web for more advanced prototyping.

Prototyping in Framer Web can help you achieve more expressive interactions. For our joint customers who use Framer and Figma, this new integration enables design teams to design collaboratively in Figma and then create prototypes with Framer.

Here’s a quick peek at how it works:

Framer Web is currently in beta, but you can grab a spot on the waitlist here. For more detailed steps on how to get started with the Figma and Framer Web integration, check out this doc.

Integrations for your entire design tech stack

Throughout this year, we’re excited to work with many more partners to launch new integrations. If there’s an integration you’d like to see, we’d love to hear from you.

In the meantime, you can browse our integrations page to see how Figma can plug into the other tools in your design workflow:

• Add specialized interactions or conduct user testing through integrations with Flinto, Principle, ProtoPie, and Maze
• Improve handoff with developers using our integrations with Avocode, Storybook, ZeroHeight, and Zeplin
• Improve collaboration and community by integrating Figma with Coda, Dribbble, Dropbox, JIRA, Notion, Slack, and Trello