プレスリリース

デザインをアップロードするだけで「デザインを理解するAI」がコードを生成

株式会社 Tsunagu.AI（本社：東京都千代田区、代表取締役 兼 CEO：森 隆晃、以下「当社」）は、フロントエンド開発におけるマークアップを AI によって自動化するローコードサービス「FRONT-END.AI」にて、新たなユーザーインターフェース、「コードビューエディタ」をリリースしたことをお知らせいたします。
[画像1: https://prtimes.jp/i/34940/16/resize/d34940-16-106f94ea58b0822635f3-0.jpg ]

■ リリース機能概要

FRONT-END.AI （ https://front-end.ai/ ）は、フロントエンド開発における初期工程を AI によって自動化するWebエンジニア向けローコードサービスです。
デザインカンプ（jpg）とアセット一式をアップロードすることで、デザインデータのレイヤー構造を修正することなく、「デザインを理解するAI」によって自動生成されたhtml/css※ を提供するWebサービスです。ユーザーは生成された結果を必要に応じて編集し、Web上で解析結果を確認することができ、コードをダウンロードできます。
（※cssは一部生成）


今回機能追加された新UI「コードビュー」では、これまでの「カードビュー」の直感的なhtml編集を踏襲しつつも、従来のテキストエディタに近しい編集画面にすることでより直感的にコード編集を行うことが出来ます。
また、一般的なテキストエディタでは数ステップかかるグループ化、srcset、alt入力などの操作が、FRONT-END.AI独自機能により1度の操作で行えるようになります。
Emmet機能も搭載しているためタグの作成も簡単に行えます。

[画像2: https://prtimes.jp/i/34940/16/resize/d34940-16-84e441d93ed6506994c3-1.png ]


また「コードビュー」と「カードビュー」は即時に切り替えられるため、ユーザーの好みに合わせて選択することができます。
[画像3: https://prtimes.jp/i/34940/16/resize/d34940-16-b90d4022a3038283ba8b-2.png ]

コードビューに於いても、FRONT-END.AIの特徴であるグルーピングのショートカットキー、altやテキスト、class名のサジェスト（入力補完）などの独自機能を継続利用が可能なため、直感的な操作感を損なうことなくコーディングを行えます。

今後もcss自動生成強化/Sass対応など、Webエンジニアがクリエイティブな開発により集中できるようになることを目指してFRONT-END.AIの開発を行っていきます。

FRONT-END.AIの申し込みはこちら↓https://front-end.ai




■ FRONT-END.AI について


[画像4: https://prtimes.jp/i/34940/16/resize/d34940-16-2a7373d98aa33c3a3600-3.png ]


FRONT-END.AI （ https://front-end.ai/ ）は、フロントエンド開発における初期工程を AI によって自動化するWebエンジニア向けローコードサービスです。
デザインカンプ（jpg）とアセット一式をアップロードすることで、デザインデータのレイヤー構造を修正することなく、「デザインを理解するAI」によって自動生成されたhtml/css※ を提供するWebサービスです。ユーザーは生成された結果を必要に応じて編集し、Web上で解析結果を確認することができ、コードをダウンロードできます。
（※cssは一部生成）
2023年3月8日には、Figma連携機能をリリースしました。https://prtimes.jp/main/html/rd/p/000000015.000034940.html

削減した時間で、Web制作会社やWebマーケティング会社が多くの案件を受注し、売上の最大化を追求することや、自社のエンジニアが最新言語の学習など成長する機会を提供し、長期的な利益最大化を目指す取り組みを行うことができます。

事例URL：https://prtimes.jp/main/html/rd/p/000000007.000034940.html
サービスサイト：https://front-end.ai



■株式会社 Tsunagu.AI について


Tsunagu.AI （ツナグドットエーアイ）はAIで、ヒトの創意に火をつける。
をミッションとして、テックの現場を単純労働から解放し、ヒトがもっと新しいことに挑戦できる世界を目指し、2017年4月に創業したAIスタートアップ企業です。

採用情報：https://www.wantedly.com/companies/tsunagu3/projects


■株式会社 Tsunagu.AI 会社概要


社名 : 株式会社 Tsunagu.AI （ツナグドットエーアイ）
代表 : 森 隆晃
設立 : 2017年4月
本社所在地 ：東京都千代田区霞が関1-4-1 日土地ビル2FSENQ 霞が関
HP：https://tsunagu.ai/


■主な受賞歴


2019年 B dash camp 特別賞（さくらインターネット賞）
2020年 JSSA awardオンラインピッチ 優勝
2020年 HONGO AI AWARD 受賞
2020年 IVS Launch Pad SaaS 3位

プレスリリース提供：PR TIMES