Figma Plugin Hub

vui-design 设计转代码

by qpf

D2C设计转代码，C2D组件辅助Figma设计

FreeFigmaDev ModeFigJam

Performance report Open in Figma

Installs

47

Likes

4

Users

1,258

Views

588

vui-design 设计转代码 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
选中图层，开始自动转换，可在线预览生成效果
复制粘贴生成代码，或下载代码文件

More software development plugins

Builder.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

by Unfold

Skew any layer or group with all layers preserved to edit.

Zeplin

by Zeplin Crew

Design tools are for designing. Zeplin is for clear, structured design delivery.