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環境にて、すぐにファイルを編集いただけます。 ​ ​

使い方

1. 拡張機能をマーケットプレイスからインストールします
2. 拡張機能を開き、FRONT-END.AIにログインします
3. デザインカンプ・アセット画像のアップロード、自動生成したファイルをダウンロードするディレクトリを指定して、解析します
4. 自動でHTMLファイルが開かれるため、そのまま編集をスタートしてください