FigCraft

FigCraft

开源离线界面设计与原型工具

图形官网

应用介绍

做界面设计,文件挂在云端,网络一卡画布就转圈,想换个工具又怕设计稿带不走。FigCraft 是一个原生的界面设计软件,Rust 写成,不套 Electron 也没有网页壳,打开就能画,断网照用;文件是你自己硬盘上的 .figcraft 压缩包,不用账号,也没有遥测。

工具栏、图层面板、右侧设计面板、菜单和快捷键都摆在 Figma 用户顺手的位置,上手几乎没有迁移成本。它还能打开 .fig 文件(尽力兼容),以及按公开 REST API 导出的设计文件 JSON,原型和变量一起带过来。

软件功能



自动布局:横竖两个方向都支持,还能换行、做网格(固定、Hug、fr 轨道,单元格可跨行跨列),可设内边距、间距、文字基线对齐、最小最大尺寸,画布上直接拖动手柄调间距。

组件与变体:主组件、带覆盖的实例、组件集和变体属性、替换实例、分离和重置覆盖;资源面板里有实时缩略图,能搜索,也能直接拖进画布。

样式与变量:颜色、数字、字符串、布尔四种变量,支持模式和别名,在变量表里编辑,绑定到填充、描边、效果和布局网格;一套颜色变量就能做出亮色和暗色两版界面。

矢量网络:钢笔、铅笔、形状生成器,布尔运算后各个操作对象仍可继续编辑,还有可变宽度描边、轮廓描边、箭头和虚线。

原型:在 Prototype 页把按钮连到下一屏,设置跳转、转场和返回动作,直接预览流程。

开发模式:标记 Ready for dev,加标注,量出间距红线;检查面板会生成 React 代码,组件属性变成 props。

实时协作与白板:多人同时编辑,能看到光标、选区、光标聊天和聚焦跟随;另有白板文件,带便签、模板、连接线、计时器和投票。

导入导出与自动化:SVG、PNG、JPG、WebP、PDF 双向支持;每个菜单项都是命令,命令行、JSON 通道和 MCP 服务器共用同一套引擎,方便让 Agent 直接做设计。

平台与授权:Windows、macOS、Linux、FreeBSD 和网页端都有,Apache-2.0 开源,目前仍是早期 alpha 版本。