figma-to-mobile

概要

FigmaデザインをAIでAndroid・iOSの本番コードへ変換するオープンソースのAIスキル。Jetpack Compose/Android XML/SwiftUI/UIKitに対応。Figmaリンクを貼るだけでデザインツリーを読み取り、オートレイアウトはColumn/Row、繰り返し要素はLazyColumn、スタイルはカラー トークンへ変換。API費用不要で、OpenClaw・Claude Code・GitHub Copilotと連携可能。

主な特徴

• API経由でデザインを理解してコード生成
• 複数フレームワーク対応
• 無料・オープンソース、API費用不要
• 外部ツールとの連携

使い方の流れ

1) Figmaリンクをペースト
2) AIがデザインツリーを解析してコードを生成
3) 生成物をプロジェクトへ組み込み、必要に応じて微調整