Installation and quick start
The plugin creates a package in Figma or Pixso, the extension imports it into Tilda, and the site keeps the account and access.
Install plugin and extension
Install the TildEka plugin in Figma or Pixso and add the TildEka extension to your browser (Chrome, Edge). Sign in with a single account.
Select any elements or screens
Select the layers you need: a single button, card, text, vector, Auto Layout group, or responsive artboards for 1200..320 px breakpoints. For interactions (slider, tabs, accordion), add [c-] markers to layer names.
Copy the package in the plugin
In TildEka, click “Refresh and sync”, wait for preparation, then click “Copy package”. The plugin bundles all layers, styles, vector SVG, native Flexbox, and interaction code into the clipboard.
Paste into Zero Block with TILDEKA
Open the Zero Block editor in Tilda, click the TILDEKA button in the top toolbar, and select “Import package from clipboard” (standard Ctrl+V is not used). Confirm the import.
Save and publish
Zero Block immediately fills with elements and exact coordinates across all breakpoints. Click “Save” and publish the page: sliders, tabs, and accordions work right away without manual T123 code.
Detailed Figma, Pixso and extension setup
TildEka has three connected parts. The site handles your account and limits, the plugin collects the layout, and the extension places it into Zero Block.
Figma
Open Figma Community, find TildEka and click Run or Save. In your file open Plugins → Saved plugins → TildEka. The plugin works locally, so no Figma API token is required.
Pixso
Open Pixso Community, install TildEka and run it in your file. The interface and package format are the same, and the editor is detected automatically. If the Community version is still under review, use the official TildEka local package.
Chrome / Edge
Install the TildEka extension in a Chromium browser. Click “Authorize” to open the website. After sign-in or registration, the site confirms the link and the extension gets its own protected session. Your password is never shared with it.
Tilda
Open the page and the Zero Block editor, then refresh the tab. The TILDEKA button appears inside Zero Block. Click it and select “Import package from clipboard” — regular Ctrl+V is not required.
How to verify the connection
- Your email and access are visible in the account.
- The extension shows “Connected”.
- The plugin detects selected elements or screens and computes geometry.
- The import appears in account history.
- Every successful import reduces the free balance by one.
Prepare the layout
The importer reads structure, not just pixels. These three simple rules make the result predictable.
Breakpoints «Hero / 960», «Hero / 640», «Hero / 320»
↳ Button [c-hero-button] [l-#pricing]
↳ Slider [c-slide], tabs [l-#tab], regular groups and Auto Layout
Interactions from layer names
TildEka generates a hidden HTML runtime inside Zero Block. No manual scripts after import.
What gets mapped
Text, forms, shapes and media stay editable wherever Tilda supports the native field.
Where your data is stored and how to verify it
The website stores your account and import access. The layout travels directly from the plugin to the extension through the clipboard and is never saved in the website database.
Verify everything in five minutes
Create an account and note the remaining import count. Perform a test import of any element or layout and refresh the account: the count drops by one and the operation appears in history. Repeat the import: after the second successful completion, the balance drops by one again. A canceled or failed operation does not consume the limit. Sign out and back in: the plan, balance and history remain.
Frequently asked
Do I need a paid Figma account?
No. TildEka runs locally and does not use the Figma API, tokens or a paid plan.
How is smart sync different from replacement?
It matches layers by a stable key, updates selected categories and keeps the other block elements. The first import creates links and later imports reuse them.
What happens to images?
Beta 0.2.3 has three modes: automatic unique WebP upload to Tilda CDN, native image blocks with exact dimensions for manual upload, and skip raster assets entirely.
Does Pixso work?
Yes. Pixso uses the same exporter with its own manifest. The host is detected automatically and the package works with the same extension.
Why is the button missing?
The extension adds the button only inside the Zero Block editor. Make sure it is loaded, refresh Tilda and open the block editor.
How do I make a slider?
Add [c-slide], [l-#prev], [l-#next], [c-dot], [c-current], [c-total] and [c-scrollbar] markers to layer names. Runtime is generated on import.