VSCode から「デザインを理解するAI」によりHTMLコードを自動生成
株式会社 Tsunagu.AI（本社：東京都千代田区、代表取締役 兼 CEO：森 隆晃、以下「当社」）は、フロントエンド開発における初期工程を AI によって自動化するローコードサービス「FRONT-END.AI」の Visual Studio Code（以下 VS Code）連携機能をリリースしたことをお知らせいたします。
[画像1: (リンク ») ]
FRONT-END.AI （ (リンク ») ）は、フロントエンド開発における初期工程を AI によって自動化するWebエンジニア向けローコードサービスです。
AdobeXDやFigmaの連携機能を用い、デザインカンプ(jpg)とアセットをアップロードすることで、デザインデータのレイヤー構造を修正することなく、「デザインを理解するAI」によって自動生成されたhtml/css※ を提供するAIサービスです。
（※cssは一部生成）
■ リリース機能概要
FRONT-END.AIユーザー向けにVS Code連携機能をリリースしました。
本連携機能を利用することにより、FRONT-END.AIが提供する自動生成されたコードが
VS Code上に直接表示されます。
ブラウザを介する必要がない為、デザイン解析からコーディングまでスムーズに作業を行えます。
VS Codeは開発者にとって非常に魅力的なテキストエディタであり、
FRONT-END.AI 独自のhtml生成機能とユーザー自身がVS Codeに登録している拡張機能やスニペットを組み合わせることにより、コーディング業務の大幅な工数圧縮を実現します。
拡張機能のインストールはこちら↓
(リンク »)
[動画: (リンク ») ]
■機能詳細
VSCode から「デザインを理解する AI」によりコードを自動生成
VSCodeからデザインカンプ・アセット画像・jsonファイル（※プラグインオプション）をアップロードできます。
FRONT-END.AIをWebブラウザで開くことなく、「デザインを理解するAI」によるhtml/css（※cssは一部）の自動生成が行えます。
[画像2: (リンク ») ]
自動生成したファイルを自動ダウンロード
自動生成したファイルを、指定したディレクトリに即時ダウンロードします。
普段利用されているVSCode環境にて、すぐにファイルを編集いただけます。
[画像3: (リンク ») ]
なお、ユーザーが作業環境を選べるよう、従来のブラウザ版FRONT-END.AIも引き続き提供してまいります。
今後もWebエンジニアがマークアップを自動化し、ページスピード高速化やアクセシビリティ対応など、成果物の付加価値向上に集中できることを目指して、研究開発に注力し、お客様に最高の製品とサービスを提供することを目指します。
※ブラウザ版、VSCode連携機能いずれもFRONT-END.AIのご契約が必要になります。
FRONT-END.AIの申し込みはこちら↓
(リンク »)
■ FRONT-END.AI について
[画像4: (リンク ») ]
FRONT-END.AI （ (リンク ») ）は、日米特許取得の画像認識AI「デザインを理解するAI」Webサイト開発における初期工程を AI によって自動化するWebエンジニア向けローコードサービスです。
削減した時間で、Web制作会社やWebマーケティング会社が多くの案件を受注し、売上の最大化を追求することや、自社のエンジニアが最新言語の学習など成長する機会を提供し、長期的な利益最大化を目指す取り組みを行うことができます。
事例URL：
(リンク »)
(リンク »)
サービスサイト： (リンク »)
■ 株式会社 Tsunagu.AI について
Tsunagu.AI （ツナグドットエーアイ）はAIで、ヒトの創意に火をつける。 をミッションとして、テックの現場を単純労働から解放し、ヒトがもっと新しいことに挑戦できる世界を目指し、2017年4月に創業したAIスタートアップ企業です。
Webエンジニアを積極採用中： (リンク »)
■ 株式会社 Tsunagu.AI 会社概要
社名 : 株式会社 Tsunagu.AI （ツナグドットエーアイ）
代表 : 森 隆晃
設立 : 2017年4月
本社所在地 ：東京都千代田区霞が関1-4-1 日土地ビル2FSENQ 霞が関
HP： (リンク »)
■ 主な受賞歴
2019年 B dash camp 特別賞（さくらインターネット賞）
2020年 JSSA awardオンラインピッチ 優勝
2020年 HONGO AI AWARD 受賞
2020年 IVS Launch Pad SaaS 3位
プレスリリース提供：PR TIMES (リンク »)
株式会社 Tsunagu.AI（本社：東京都千代田区、代表取締役 兼 CEO：森 隆晃、以下「当社」）は、フロントエンド開発における初期工程を AI によって自動化するローコードサービス「FRONT-END.AI」の Visual Studio Code（以下 VS Code）連携機能をリリースしたことをお知らせいたします。
[画像1: (リンク ») ]
FRONT-END.AI （ (リンク ») ）は、フロントエンド開発における初期工程を AI によって自動化するWebエンジニア向けローコードサービスです。
AdobeXDやFigmaの連携機能を用い、デザインカンプ(jpg)とアセットをアップロードすることで、デザインデータのレイヤー構造を修正することなく、「デザインを理解するAI」によって自動生成されたhtml/css※ を提供するAIサービスです。
（※cssは一部生成）
■ リリース機能概要
FRONT-END.AIユーザー向けにVS Code連携機能をリリースしました。
本連携機能を利用することにより、FRONT-END.AIが提供する自動生成されたコードが
VS Code上に直接表示されます。
ブラウザを介する必要がない為、デザイン解析からコーディングまでスムーズに作業を行えます。
VS Codeは開発者にとって非常に魅力的なテキストエディタであり、
FRONT-END.AI 独自のhtml生成機能とユーザー自身がVS Codeに登録している拡張機能やスニペットを組み合わせることにより、コーディング業務の大幅な工数圧縮を実現します。
拡張機能のインストールはこちら↓
(リンク »)
[動画: (リンク ») ]
■機能詳細
VSCode から「デザインを理解する AI」によりコードを自動生成
VSCodeからデザインカンプ・アセット画像・jsonファイル（※プラグインオプション）をアップロードできます。
FRONT-END.AIをWebブラウザで開くことなく、「デザインを理解するAI」によるhtml/css（※cssは一部）の自動生成が行えます。
[画像2: (リンク ») ]
自動生成したファイルを自動ダウンロード
自動生成したファイルを、指定したディレクトリに即時ダウンロードします。
普段利用されているVSCode環境にて、すぐにファイルを編集いただけます。
[画像3: (リンク ») ]
なお、ユーザーが作業環境を選べるよう、従来のブラウザ版FRONT-END.AIも引き続き提供してまいります。
今後もWebエンジニアがマークアップを自動化し、ページスピード高速化やアクセシビリティ対応など、成果物の付加価値向上に集中できることを目指して、研究開発に注力し、お客様に最高の製品とサービスを提供することを目指します。
※ブラウザ版、VSCode連携機能いずれもFRONT-END.AIのご契約が必要になります。
FRONT-END.AIの申し込みはこちら↓
(リンク »)
■ FRONT-END.AI について
[画像4: (リンク ») ]
FRONT-END.AI （ (リンク ») ）は、日米特許取得の画像認識AI「デザインを理解するAI」Webサイト開発における初期工程を AI によって自動化するWebエンジニア向けローコードサービスです。
削減した時間で、Web制作会社やWebマーケティング会社が多くの案件を受注し、売上の最大化を追求することや、自社のエンジニアが最新言語の学習など成長する機会を提供し、長期的な利益最大化を目指す取り組みを行うことができます。
事例URL：
(リンク »)
(リンク »)
サービスサイト： (リンク »)
■ 株式会社 Tsunagu.AI について
Tsunagu.AI （ツナグドットエーアイ）はAIで、ヒトの創意に火をつける。 をミッションとして、テックの現場を単純労働から解放し、ヒトがもっと新しいことに挑戦できる世界を目指し、2017年4月に創業したAIスタートアップ企業です。
Webエンジニアを積極採用中： (リンク »)
■ 株式会社 Tsunagu.AI 会社概要
社名 : 株式会社 Tsunagu.AI （ツナグドットエーアイ）
代表 : 森 隆晃
設立 : 2017年4月
本社所在地 ：東京都千代田区霞が関1-4-1 日土地ビル2FSENQ 霞が関
HP： (リンク »)
■ 主な受賞歴
2019年 B dash camp 特別賞（さくらインターネット賞）
2020年 JSSA awardオンラインピッチ 優勝
2020年 HONGO AI AWARD 受賞
2020年 IVS Launch Pad SaaS 3位
プレスリリース提供：PR TIMES (リンク »)
本プレスリリースは発表元企業よりご投稿いただいた情報を掲載しております。
お問い合わせにつきましては発表元企業までお願いいたします。
お問い合わせにつきましては発表元企業までお願いいたします。
