こんにちは!ソリューションコンサルタントの田上です。
もしあなたが今、Figma のファイル(.fig)を持っていて、その Figma ファイルのデザインをソースコード(HTML、CSS、開発言語コード)へ変換したいプロセスを考えた場合に、この手順が役に立つはずです。
Figma のデザインファイルをインフラジスティックス製の「App Builder」に取り込むことで、「Figma のデザイン」を元に HTML コードや CSS コード、Angular 用の TypeScript コード、Blazor 用の Razor コード、Web Components の「コードを自動生成」することができます。
- 「Figma」から 「HTML コード」への自動生成
- 「Figma」から 「CSS コード」への自動生成
- 「Figma」から 「Angular の TypeScript コード」への自動生成
- 「Figma」から 「Blazor の Razor コード」への自動生成
- 「Figma」から 「Web Components コード」への自動生成(ネイティブの TypeScript)
「Figma」のデザインファイルをコーディング開発工程に流すフローを採用している企業は年々増えてきています。ぜひ開発現場の効率化になれば幸いです。では、詳細をご説明させていただきます。
続きを読む