code.to.design playground — by ‹div›RIOTS
by divRIOTS
Instantly transform your code snippets into fully editable Figma designs.
Installs
4,682
Likes
975
Users
49,009
Views
72,522
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------------------------------
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.