Design To Code
by yeyu
convert the figma design draft into html and css code
Installs
403
Likes
33
Users
10,162
Views
5,977
Preview
About this plugin
Introduction:Select the area in figma and convert the figma design draft into html and css codeExport:inline CSS styles and separately exported stylesjsx html and normal htmlThis project aims to explore the possibility of converting Figma design drafts into front-end code. Currently, the generation of flex layouts is still under exploration, and discussions and suggestions are welcome.A version that generates flex layouts to enhance maintainability is expected to be released in Version 2. Stay tuned.简介:在Figma中选择区域,点击按钮可将Figma设计稿转换为HTML和CSS代码导出内容:内联CSS和单独的css样式jsx html以及普通html代码本项目旨在探索figma设计稿转换前端代码的可能性,现在关于生成弹性布局的内容仍在探索中,欢迎讨论和建议。生成弹性布局,增强可维护性的版本,预计将在V2版本发布,敬请期待。by:高途-用户前端组
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.