Back to Plugins
vui-design 设计转代码
D2C设计转代码，C2D组件辅助Figma设计
Plugin Preview
About this plugin
Create by vivo IT. Supports D2C with vui,and C2D with vui to Figma Component.
功能
- 效果预览，选中图层实时转换代码，并能实现在线预览
- 代码生成，支持将设计稿转换成vui(vui),vui-plus(vue3)相应组件
使用
- 安装Figma插件：vui-design
- 选中图层，开始自动转换，可在线预览生成效果
- 复制粘贴生成代码，或下载代码文件
Plugin Details
| Version | 11 |
|---|---|
| Created | August 8, 2023 |
| Last Updated | September 10, 2025 |
| Category | Software development |
| Creator | qpf |
| Stats | 29 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
- Network Access:
localhost test
- Editor Types:figjam
- Allowed Domains:
- http://it-taiji-uat.vivo.xyz
- http://local-qpf.vivo.xyz:7001
- http://localhost:7001
- https://api.figma.com
- https://s3-alpha.figma.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.