首页 / 设计排版 / FigCraft

FigCraft 中文实测:零安装进设计画布,Design/Prototype/Inspect 三档都在

对标 Figma。界面设计、原型连线、标注交付。

替代 Figma 状态:早期 alpha ⭐ 3061+ 最新版 v0.9.0 免费开源

本站为第三方中文导航,非官方站点;下载请以官方渠道为准。

你要做的是「画一个 App 界面 / 做一套页面设计 / 连一个可点击原型」

FigCraft 是界面设计工具,典型任务:在无限画布上摆组件、定尺寸与间距、连原型、交付标注——App/网页 UI 稿。

打开就是什么实测进入设计画布:左侧 Pages 面板(建了 Page 1),顶部 Design / Prototype / Inspect 三档切换,右侧属性面板(Stroke 描边 1/100、Fill 填充、Export Export page as PNG),底部工具栏
能不能不装能。官方 Web 版在浏览器里跑,不用安装、不用注册、文件不出本机
能不能直接在线用能,本站已托管官方 Web 版:tools.cosmocat.dev/figcraft/(免费、不用注册、文件不出本机;作品只存在浏览器里,关页即失)
能不能在线用能,本站已托管官方 Web 版:tools.cosmocat.dev/figcraft/(免费、不用注册、文件不出本机;作品只存在浏览器里,关页即失)
界面:英文界面
版本:本站在线版 v0.8.0,上游已到 v0.9.0(跟着更,跟进中)
  1. 下载官方 release 的 figcraft-web-*.zip,解压后用任意静态服务器打开(或装桌面版)
  2. 左侧 Pages 建页(一页 = 一个屏或一组稿);用底部工具栏画矩形/椭圆/文字/画框(Frame 是 Figma 系的核心容器,尺寸即屏幕尺寸)
  3. 右侧属性面板调 Stroke(描边宽度)与 Fill(填充);顶部切到 Prototype 连交互、切到 Inspect 看交付标注
  4. 导出:右侧 Export 面板(实测有 Export page as PNG)
这一步会踩的坑:① 界面是英文。② 状态是「早期 alpha」——官方自己标的最不成熟档位,功能会有缺失与变动。③ wasm 23 MiB(gzip 后约 9 MiB),刚好低于 Cloudflare Pages 25 MiB 上限,是这个工具的一个隐性优势。④ 它没有 Figma 的多人实时协作与云端组件库——如果你的工作流依赖「同事同时在一个文件里改」,这个替代不了。

什么时候该换人:要多人实时协作、云端团队组件库、设计系统管理、插件生态,请继续用 Figma;FigCraft 适合单人本地稿。

本站实测(2026-10-21,官方 Web 版 v0.8.0)

官方 Web 版实测(本机 Ubuntu + figcraft-web-0.8.0.zip,零安装零注册)。

FigCraft Web 版界面:左侧 Pages 面板显示 Page 1,中间白色设计画布,右侧属性面板含 Stroke 1/100、Fill 与 Export 面板,顶部 Design/Prototype/Inspect 三档切换

FigCraft v0.8.0 官方 Web 版:免安装进入设计画布,Design/Prototype/Inspect 三档齐全(本站 2026-10-21 实测截图)。

所以结论是:对「一个人画界面稿、按 Figma 习惯操作」的人,它是最接近的免费本地替代——三段式(Design/Prototype/Inspect)这个核心骨架都在。但它没有云端协作,且官方自标「早期 alpha」,别拿它做团队交付的唯一来源。

所以结论是:单人 UI 稿的最优选之一:骨架对、体积小(能上 Pages),但协作是硬缺口。

它能替代 Figma 吗,适合谁

定位上是对标 Figma。当前成熟度「早期 alpha」(官方自标最不成熟档)。本站实测结论:Web 版免安装进入设计画布,Design/Prototype/Inspect 三段式骨架齐全,属性面板与导出都在;但无云端协作、界面英文。

怎么开始用

  1. 先试 Web 版:下载官方 release 的 figcraft-web-*.zip,解压后用任意静态服务器打开。不用安装、不用注册。
  2. 长期用装桌面版:官方 release 提供 Linux AppImage / .deb / .rpm、macOS、Windows;或用 ArtCraft Launcher 一键安装。
  3. 先画一个真实的屏(定画框尺寸 → 摆组件 → 调描边填充 → 导出 PNG)验证够不够用,再决定是否迁移项目。

本页星数与版本为 2026-10-21 实查 GitHub。

同类还可以看

公众号二维码

持续更新
ArtCraft 迭代很快(多为周级更新)。扫码关注公众号,获取版本变化与实测提醒。