Web Design » Figma » How Do I Import Figma to Marvel?

How Do I Import Figma to Marvel?

Last updated on September 28, 2022 @ 10:31 pm

There are a few ways to import your Figma designs into Marvel. The first way is to use our Figma plugin, which you can find here.

With the plugin installed, open the file you want to import in Figma and click on the ‘Plugins’ menu item at the top. Then select ‘Marvel’ and ‘Export to Marvel’.

This will open up a new window where you can sign in or sign up for a Marvel account. Once you’re signed in, you can choose which project you want to add your design to and what frame size you want to use.

You can also choose whether to export all of the artboards or only the one that’s currently selected. When you’re happy with your choices, click ‘Export’ and your design will be imported into Marvel!

PRO TIP: If you are considering importing Figma to Marvel, be aware that this process is not entirely straightforward. There are a few steps involved in getting your Figma file into Marvel, and it is possible that some data may be lost in the process. Make sure to backup your Figma file before proceeding.

The second way to import your designs is to use our Design Dictionary feature. With this method, you’ll need to create a JSON file that contains all of the information about your design, including what assets are used and where they’re located. You can find more information about how to do this in our support documentation.

Once you have your JSON file, head over to Marvel and sign in or sign up for an account. Then click on the ‘Projects’ menu item at the top and select ‘Create New Project’. Give your project a name and choose whether you want it to be private or public, then click ‘Create Project’.

Now click on the ‘+ Add To Project’ button at the top of the page and select ‘Design Dictionary’. Choose the JSON file you created earlier and click ‘Open’. Your design will be imported into Marvel!

The third way to import your designs is by using our API. With this method, you’ll need to write some code that will send your Figma designs to our API. You can find more information about how to do this in our API documentation.

Once you have your code set up, simply run it and your designs will be imported into Marvel!

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.