Bilt icon

Bilt

Bilt 将选定的 Figma 画板转为可运行的 iPhone 和 Android 应用,适合设计师与协作者减少交接和手动重建,并将代码保留在 GitHub。

Bilt

概述

Bilt 是一款 Figma 到应用的产品,可将 Figma 文件中选定的画板转为可运行的应用。工作流程从 Figma 中的 Bilt 插件开始,然后进入 Bilt,在那里选择要构建的屏幕并生成应用。

该产品面向设计师及其协作对象。其声明的目标是把设计中的间距、字体和颜色带入可在 iPhone 和 Android 上运行、并可进一步提交到 App Store 的应用中,从而减少交接摩擦和手动重建。

核心功能

Figma 插件导入

在 Figma 中打开设计,运行 Bilt 插件,并将文件添加到 Bilt,以便把画板带入应用构建流程。

按画板级选择

选择要构建的具体屏幕或设计部分,而不是默认发送整个文件。

原生应用生成

将导入的设计转为可在 iPhone 和 Android 上打开的真实应用,输出面向 App Store。

基于真实设计数据构建

Bilt 表示它直接基于真实的 Figma 文件构建,保留布局意图,而不是使用基于截图的近似方案。

无需 Figma 账户的协作

项目可以在 Figma 账户之外共享,因此其他协作者也可以在 Bilt 中基于已添加的画板进行工作。

通过 GitHub 拥有和导出代码

Bilt 将生成的应用代码放到 GitHub 上,方便团队编辑、扩展或迁移到其他地方。

常见使用场景

  • 验证应用概念的设计师

    设计师可以将 Figma 布局导入 Bilt,选择要构建的具体画板,并查看设计如何转为应用,而无需手动重建屏幕。

  • 跨职能团队协作

    即使不是每个人都有 Figma 账户,产品团队也可以在 Bilt 中基于导入的画板协作;这在构建者和利益相关者需要在设计工具之外协作时很有用。

  • 希望获得可编辑代码输出的团队

    构建者可以从 GitHub 获取生成的应用代码,对其进行编辑,并继续开发,而不是从空白项目开始。

  • 移动应用发布工作流

    准备移动端发布的人可以使用 Figma 工作流生成 iPhone 和 Android 应用,并沿着路径推进到 App Store 发布。

Pros and Cons

Pros

  • 从真实的 Figma 文件而不是截图开始,应该能更好地保留原始设计意图。
  • 允许团队选择特定画板进行构建,而不是一次性要求整个文件。
  • 可生成适用于 iPhone 和 Android 的应用,首页还提到了通往 App Store 发布的路径。
  • 将生成的代码共享到 GitHub,方便用户修改或将代码带到其他地方。
  • 支持导入后的协作,包括没有 Figma 账户的人也可以参与。

Cons

  • 来源未说明除 Figma 插件和 GitHub 代码输出之外的所有支持集成。
  • 所提供来源并未完整说明免费方案、付费方案以及令牌使用的具体限制。

FAQ

Figma 到应用的工作流程是怎样的?

Bilt 旨在将 Figma 画板带入应用构建流程。来源说明是:你在 Figma 中打开设计,运行 Bilt 插件,然后将文件添加到 Bilt,之后即可将所选画板转为应用。

协作者需要 Figma 账户吗?

不会。来源说明,一旦文件被添加到项目中,任何人都可以将画板拉入聊天流程,这一部分不需要 Figma 账户。

Bilt 会把 Figma 设计生成什么?

来源说明,Bilt 会将你的设计转为适用于 iPhone 和 Android 的真实应用,并且可以在手机上打开,还能直接提交到 App Store。

Bilt 有免费方案吗?

定价页面显示有免费方案,以及用于更多使用量和产品能力的付费方案。页面还提到了 Bilt 积分以及各方案中的每月 AI 令牌配额。

我拥有 Bilt 生成的代码吗?

可以。来源说明 Bilt 会把你的应用代码放到 GitHub 上,你可以修改它、在其基础上继续构建,或者将其带走。

Quick Facts

类别
设计工具 / 开发工具
主要工作流
从 Figma 画板到应用生成
提到的平台
iPhone 和 Android
来源域名
bilt.me
定价模式
免费方案加付费方案
代码输出
GitHub