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

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

•

•

•

•

•

•

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

STEP 2

Get the API TOKEN in your Figma account

Tilda will access the layout through API and transfer it to Zero Block automatically

Open the menu in Zero Block

Click "Import"

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

•

•

•

STEP 3

Import the layout into 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.