Transfer layouts from Figma to Tilda in minutes

Automate the process — prepare the layout in Figma and import it into Tilda in just a few clicks.

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.

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:

1200 px

•

•

•

•

•

•

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

The width of the text on the button should matchмthe width of the button shape

To import a button, group its text and shape and name the group "button"

To import a group as an image, name it "image" or "svg"

Each block is in a separate frame

Frame width — 1200px

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

•

•

•

Paste the layout URL and the API token and click "Import"

Click "Import"

Open the menu in Zero Block

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.