If you have several Pages in your Figma file, you can preserve the same page structure in Avocode. See the example below. 


Your design in Figma

Your design in Avocode

Notice how Avocode keeps the same Page structure and also has the option to show you all of your Frames.

Here is how you can keep the same Page structure in Avocode and Figma. 

Step 1: 

Export your frames from Page#1. Avocode will create a tab with the same name as the name of your Page in Figma, in this example "Illustrations page".

Step 2: 

Export Page#2 from Figma. Avocode will notify you that design with the same name already exists in Avocode. Click "Update File". 

This will add your Page#2 as a new version in Avocode, and also create a tab with the same name as the name of your Page in Figma, in this example "Mascot page". 

Step 3:

You can repeat Step 2 as many times for as many pages as you need. Avocode will keep adding tabs with new pages. 

Note: Every time you import a Figma page with this workflow, Avocode will create a new version of your design in Avocode. The latest version will have all the pages in it. 

You can see all the Frames at once under ALL DESIGNS tab, or click on different tabs to see the Frames on particular pages. 


Did this answer your question?