code-transformer
by Kazuya Seki
Transforms your Figma design into code powered by OpenAI API
Installs
129
Likes
28
Users
1,040
Views
1,643
Preview
About this plugin
This is Proof of Concept of generating code from Figma using OpenAI API.
The plugin converts your Figma design into JSON format and call OpenAI API to generate code.
For the best outcome, structure your designNo Group, Just use FrameUse Auto Layout as possibledefine naming rule for Components and Variant propertiesUse Style or/and TokenStudioStructure layer like codeName layers appropriatelyThis project is OSS and if you want to contribute or develop your own, please visit the repository belowhttps://github.com/kazuyaseki/figma-code-transformer
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.