Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Help – Figma Learn
  • Common questions
  • What integrations does Figma have?
  • Design and development

Maker and Figma

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Import a Figma file to Maker In Figma In Maker

Maker is the fastest way to go from design to live experiences on your site.

Designers and marketers use Maker to create and personalize web content for their landing pages, product pages, or blog posts to increase engagement and conversions.

Convert your Figma files into a dynamic and fully responsive webpage within minutes. Add the Figma file link to the Maker editor, and the Figma to web engine does the rest.

Maker’s Figma Integration:

  • Seamlessly converts your designs to fully editable, responsive web pages in minutes
  • Lets you freely edit the imported layout in Maker's drag-and-drop editor
  • Enhances the page with videos, data from e-commerce stores, live streams, and more
  • Keeps your layers, groups, and elements in the same structure as your Figma file
  • Remembers the last file you imported for convenience and efficiency

Import a Figma file to Maker


In Figma

  1. Open the file you'd like to import to Maker.
  2. Select the Page with your design, then right-click and Copy Link to Page.
    Pages section of Figma's left sidebar with right-click menu

In Maker

  1. Create a new Story in Maker.
  2. Navigate to the elements panel in the left sidebar and search Figma.
    Elements panel of the left sidebar in Maker's editor
  3. Paste the Figma file link and select Add.
    Preview of imported Figma file in the Elements panel of the Maker editor
  4. Grant Maker access to your Figma account.

Once Maker converts your design, you can continue to edit the elements within the drag and drop editor.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Frontify and Figma
  • Lens Studio and Figma
  • Bubble and Figma
  • Zeroheight and Figma
  • Storybook and Figma
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand