一个用于启动 Figma 低代码项目的仓库
Figma-Low-Code 是一个开源项目,允许在 Vue.js 应用中直接使用 Figma 设计。低代码方法大大缩短了设计师和开发人员之间的交接时间,减少了前端代码,并确保 Figma 设计始终是 唯一的真实来源。Figma-Low-Code 使用 Luisa 框架。 您可以在此处找到文档: Luisa.cloud。 插件可以在这里下载: 我在 YouTube 上制作了两个短视频教程: 示例项目扫描可在此处找到:
当您想要以下情况时,Figma-Low-Code 是一个很好的选择:
将 Figma 设计转换为 VUE 应用程序。 2. 使用业务逻辑扩展 Figma 原型。 3. 构建 MVP 并经常进行设计更改。 4. 迅速上线并不希望专注于 HTML 和 CSS。
无代码渲染应用程序设计、原型和设计系统。 2. 设计更改不需要代码更改。 3. UI 和业务逻辑明确分离。 4. 开发人员可以专注于代码。 5. 开发人员可以使用自己选择的工具和框架。 6. 设计师可以使用自己喜欢的工具。 7. 通过自定义回调函数轻松扩展。 8. 全面支持 VUE 数据绑定。 9. 通过自定义组件进行扩展。 10. 通过自定义 CSS 进行扩展。 11. 丰富的可定制组件库。
Figma-Low-Code plugin Video - Quick Tutorial Video - Step by step guide Figma Low Code ToDo Example Figma File Figma-Low-Code Design System Example
暂无开放 Issues，或尚未同步最近议题。