Figmaプラグインによる取り込み
Figmaでデザインを開き、Biltプラグインを実行して、ファイルをBiltに追加し、フレームをアプリ構築の流れに取り込みます。
Bilt
Biltは、選択したFigmaのフレームをiPhoneとAndroidで動くアプリに変換。手戻りや手作業の再構築を減らし、コードはGitHubで管理できます。
概要
Biltは、Figmaファイル内の選択したフレームを実際に動作するアプリに変換する、Figmaからアプリへの製品です。ワークフローはFigma内でBiltプラグインを使うところから始まり、その後Biltに移動して、作成したい画面を選び、アプリを生成します。
この製品は、デザイナーとその協業者向けに位置付けられています。設計の余白、フォント、色をiPhoneとAndroidで動作し、App Storeに送ることもできるアプリへ引き継ぐことで、引き継ぎ時の摩擦や手作業での再構築を減らすことを目的としているとされています。
主な機能
フレーム単位の選択
ファイル全体をデフォルトで送るのではなく、ビルドしたい特定の画面やデザイン要素を正確に選択できます。
ネイティブアプリ生成
取り込んだデザインを、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
Biltの代替品
ByteAsk
ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。
CreateOS Sandbox
CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。
hob
hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。
Manta AI
Manta AIは、URLからアプリの挙動を把握し、回帰を検出し、スクリプトやセレクタ管理なしでテストを生成できる自律型Webアプリテストツールです。
SonOf
SonOfは、リポジトリとPMツールに接続し、コードベースと周辺の製品コンテキストを監査して、承認済みの作業をシニアエンジニアのレビュー付きで公開済みチケットに変えます。
Ghost
Ghostは、チャット、コード生成、コマンドラインでのタスク実行に対応したターミナル向けAIアシスタントです。無料モデルを同梱し、Linux、macOS、Windowsで使えます。オープンソースです。