code.to.design playground — by ‹div›RIOTS
Instantly transform your code snippets into fully editable Figma designs.
Plugin Preview
About this plugin
Instantly transform your code snippets into fully editable Figma designs.Powered by code.to.design technology🚀How does it work?Write HTML & CSS directly in Figma, preview the result and import fully editable designs into your Figma canvas.Go back at any time to edit! Simply select any frame imported with code.to.design, refine the code and update the designs.The plugin requires an API_KEY.Get your API_KEY directly in the developer's portal.You get 10 free calls credited to your API_KEY automatically.Purchase more calls any time. See pricing.------------------------------Brought to you by ‹div›RIOTS------------------------------
Plugin Details
| Version | 269 |
|---|---|
| Created | March 28, 2023 |
| Last Updated | July 17, 2026 |
| Category | Software development |
| Creator | divRIOTS |
| Stats | 4576 installs, 953 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Network Access:
code.to.design playground uses a backend to transform HTML code (https://code.to.design). All domains are authorized so users can fetch resources from their user scripts (CSS/HTML)
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code