Sitemap to Wireframe sync
Once you have your Figma project setup, you can now run the wireframe sync process every time you have changes to your Octopus.do site map that need to be imported.
Last updated
Once you have your Figma project setup, you can now run the wireframe sync process every time you have changes to your Octopus.do site map that need to be imported.
Last updated
Note: This is a one way sync process, no changes can be synced back to Octopus.do as their API does not support this.
Make sure you are on your Wireframe page in Figma
Open the plugin and click on the Wireframe menu option
Copy the Octopus.do URL for your project into the plugin
Set the block with to the same width used when generating the Octopus Blocks
Page spacing can be whatever you like, we would suggest 600 or more.
Click "Get Octopus Project"
Depending on how you have setup your site map, you might have more than one "top level" node, you will need to select the tree's top level node that you would like to import, in this above example the page is called " Home ". Now click the " Sync Blocks " button and the plugin will sync all changes from Octopus.do to Figma.
Note: If any of the blocks have not been setup they will be changed to a green background color and if any of the blocks have not had any Octopus.do wireframe graphics added to them, they will be highlighted in Red as you can see below.
