01 / 产品指南ARTCRAFTWIKI.COM

ArtCraft FigCraft:功能介绍与下载

ArtCraft FigCraft:使用自动布局、可复用组件和交互原型设计界面。介绍早期 Alpha 限制、桌面版下载,以及需要自行托管的 WebAssembly 构建包。

早期 AlphaWindows · macOS · Linux · Web(需自行部署)

FigCraft 属于 ArtCraft 团队开发的 Crafting Apps 系列。使用自动布局与可复用组件设计界面,再将页面连接成可交互原型。

资料日期 2026-10-14

FgFigCraft界面设计

内容按官方文档整理,未做软件实测。

ArtCraft FigCraft Ridgeline 徒步应用界面,展示自动布局、选中的路线卡片与浅色和深色主题
图:ArtCraft 官方产品页。 来源 (opens in a new tab / 新窗口打开)
02 / 可以用它做什么
01

框架与自动布局

在框架中编排界面,设置内边距、间距和换行。通过 Hug、Fill 和 Fixed 尺寸选项,让布局随文字和组件的变化调整。可以先做一个手机页面和可复用卡片,再用较长文字检查布局。

02

组件与变体

复用组件、保留实例覆盖,并用组件集组织变体。样式和带模式的变量可以统一颜色,在浅色和深色界面设计之间切换。

03

原型与交付

用交互和动画转场连接页面,在演示视图中预览流程。开发模式提供尺寸、标注与生成的代码,帮助开发者理解设计;把生成结果用于应用之前,需要核对实际行为。

FigCraft 可以用来做什么?

使用前需要留意

FigCraft 仍处于早期 Alpha 阶段。迁移重要界面文件前,先做一个小项目并保留备份,在自己的工作流程中检查组件覆盖、字体、原型交互与生成代码。WebAssembly 下载包需要自行托管。

查看许可条款 (opens in a new tab / 新窗口打开)

下载和安装 FigCraft

可以用 ArtCraft Launcher 安装和更新;如果要单独安装,请打开官方产品页,找到下载区的“Option 2 · Standalone”(选项二:独立安装)选择安装包。

  1. 点击下方链接,进入 FigCraft 官方下载页;想集中管理多个应用,可以先安装 Launcher。
  2. 选择与你的操作系统对应的安装包,按页面说明安装。下载前查看官网的系统要求,以及本页介绍的文件格式限制。
  3. 先复制一份素材,试着完成一个小项目。可以从这件事开始:使用可复用卡片和按钮设计移动应用界面。

这里的 Web 版是 WebAssembly 构建包,需要自行部署;官方产品页提供的是下载包。

03 / 继续了解
参考资料

整理日期:2026-10-14