IMPORT OF DESIGNS FROM FIGMA TO TILDA
New Feature: Automatic Import of Figma Designs into Zero Block
Transfer layouts from Figma to Tilda in minutes
With the new feature, you don’t need to transfer every element from the graphics editor to Zero Block and rebuild your website design from scratch.
Automate the process — prepare the layout in Figma and import it into Tilda in just a few clicks.
How import from Figma to Tilda works
STEP 1
Prepare the layout for transfer from Figma
To make sure all the elements move to the right places after the import, follow this guide:
• Frame width — 1200px
• Each block is in a separate frame
• To import a group as an image, name it "image" or "svg"
• To import a button, group its text and shape and name the group "button"
• The width of the text on the button should match the width of the button shape
• If there is an effect on the shape that is not supported in Zero Block, the shape is imported with the effect image in the background
1200 px
STEP 2
Get the API TOKEN in your Figma account
Tilda will access the layout through API and transfer it to Zero Block automatically
STEP 3
Import the layout into Zero Block
• Open the menu in Zero Block
• Click "Import"
• Paste the layout URL and the API token and click "Import"
For step-by-step GUIDE on importING layouts from Figma to Tilda, head over to the Help Center
The feature is in beta. If you have any suggestions for improvement, you’ve noticed a bug, or you’re unable to transfer the layout, email our support team using the widget in your dashboard.
