Figma to Code Skills
ストックにはログインが必要です
FigmaデザインシステムをReactとして正しく出荷する方法
Design Tools
Artificial Intelligence
Developer Tools
GitHub
概要
Claude Code の10のスキルで、Figma デザインシステムを本番環境向けの React + Tailwind リポジトリへ変換します。型付き Props、アクセシビリティ、セマンティックトークン、将来の AI エージェントが読める Claude.md を含みます。MITライセンスで公開済み。
特長
- デザイン→コードの移行時の品質ロスを低減
- 一貫性のある実装と再利用性の向上
- FinTech 事例での検証
実績
- Eterna での検証：Figma ファイルが1日で動く React リポジトリに変換
投票数: 18