Back to Plugins
Once UI Sync
Export frame data for Once UI code generation
Plugin Preview
About this plugin
The workflow is simple:
- Select a frame or component to extract JSON data
- Paste it into Once UI Canvas to generate code
To get the best output:
- Use Auto Layout
- Rely on Once UI components as much as possible
- Set spacings, colors and sizes with tokens
- Set fonts with styles
Although the exported JSON data is native to Figma, this tool is specifically built for Once UI and not recommended for other tools.
Plugin Details
| Version | 4 |
|---|---|
| Created | January 15, 2026 |
| Last Updated | January 18, 2026 |
| Category | Import & export plugins |
| Creator | Lorant One |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML