FRONT-END.AI for VSCode
FRONT-END.AI拡張機能を使えば、FRONT-END.AIによる解析・解析結果のコード編集をVSCode環境でスムーズに行えます。
※本拡張機能はFRONT-END.AI契約者向けプラグインです。
FRONT-END.AIをご利用になりたい方は、https://front-end.ai からお申し込みください。
機能
VSCode から「デザインを理解する AI」によりコードを自動生成
VSCodeからデザインカンプ・アセット画像・jsonファイル(※プラグインオプション)をアップロードできます。
FRONT-END.AIをWebブラウザで開くことなく、「デザインを理解するAI」によるhtml/css(※cssは一部)の自動生成が行えます。
自動生成したファイルを自動ダウンロード
自動生成したファイルを、指定したディレクトリに即時ダウンロードします。
普段利用されているVSCode環境にて、すぐにファイルを編集いただけます。
使い方
- 拡張機能をマーケットプレイスからインストールします
- 拡張機能を開き、FRONT-END.AIにログインします
- デザインカンプ・アセット画像のアップロード、自動生成したファイルをダウンロードするディレクトリを指定して、解析します
- 自動でHTMLファイルが開かれるため、そのまま編集をスタートしてください
| |