今天给大家分享一个超酷的开源项目——Figma-Low-Code。它就像是一座桥梁,巧妙地连接起了设计与开发的世界。
Figma-Low-Code 最大的亮点在于能够直接在 Vue.js 应用程序中使用 Figma 设计,这可大大减少了设计师和开发者之间交接的时间和麻烦。
它支持两种模式:“Full” 低代码模式,可自动渲染整个前端并连接业务逻辑,开发者能专注于后端和业务逻辑;“Design System” 模式,能把设计系统转化为 Vue 组件,方便开发者在项目中使用,且能更好地控制前端。
使用时,只需简单几步:先克隆项目并安装依赖,在 Vue 中注册组件,输入 Figma 文件 ID 和访问码,就能将设计转化为应用。还支持数据绑定、方法绑定、响应式渲染,可根据屏幕分辨率使用不同页面,甚至能自定义组件和样式,实现个性化效果。
如果你想快速将 Figma 设计转化为 Vue 应用,或者构建 MVP 且设计常变,又或是不想在 HTML 和 CSS 上花费过多精力,Figma-Low-Code 绝对是你的理想之选。快来试试吧!
github地址: https://github.com/KlausSchaefers/figma-low-code.git
@趣谈前端@flowmix视界
github优质项目合集 , 8