FRONT-END.AIはWebエンジニア向けのローコードサービスで、デザイナー作成のデザインカンプ(jpg)とアセットをアップロードすることで、独自開発の「デザインを理解するAI」が解析し、html / cssを自動生成するサービスです。ユーザーは自動生成のコードからコーディングを開始することで、初期工程を大幅に削減できます。
さらに、Adobe XDのデザインデータを利用することで、正確なテキストや画像の取得などhtmlの大幅な精度向上、フォントサイズなどのCSSプロパティ自動生成が可能です。
■ リリース機能概要
①Adobe XDでのアセット書き出しを効率化するプラグインをFRONT-END.AIユーザー向けに提供開始しました。
Adobe XDツールでのアセット書き出しは、一括で行おうとすると同一拡張子での書き出しになるなど制約があり、書き出し作業がユーザーの負担になっていることが課題でした。
今回プラグインを提供することで、アセットごとに拡張子を指定してから一括で書き出しが可能になりました。
これによって、以前リリースしたcss自動生成機能( https://prtimes.jp/main/html/rd/p/000000009.000034940.html )と組み合わせることにより、Adobe XDを使ったコーディング業務の工数圧縮を実現しました。
②cssプロパティをデザインデータから抽出してFRONT-END.AI上でコピーできる機能をアップデートしました。
対応するプロパティの種類が増えました。
line-heightなどをデザインデータを参照せずFRONT-END.AI上からコピー & ペーストでcssコーディングできます。
今後もアセット書き出しのさらなる効率化やcssの自動生成強化など、Webエンジニアがフロントエンドの設計やバックエンドの開発により集中できるようになることを目指してFRONT-END.AIの開発を行っていきます。
■ FRONT-END.AI について
FRONT-END.AI （ https://front-end.ai/ ）は、フロントエンド開発における初期工程を AI によって自動化するWebエンジニア向けローコードサービスです。
複数の DeepLearningのモデルを独自に結合し、フロントエンド開発に特化した学習を行った「デザインを理解するAI」により、ページ全体のデザインカンプ(jpg)と、Web用素材をアップロードするだけで、htmlの構造および、デザイン要素の分析を行います。分析結果から自動でコーディングを行うことで、開発初期工程にかける時間を大きく削減することが出来ます。
削減した時間で、Web制作会社やWebマーケティング会社が多くの案件を受注し、売上の最大化を追求することや、自社のエンジニアが最新言語の学習など成長する機会を提供し、長期的な利益最大化を目指す取り組みを行うことができます。
2022年4月にはAdobe XDとの連携機能を開始しました。
( https://prtimes.jp/main/html/rd/p/000000009.000034940.html )
事例URL： https://prtimes.jp/main/html/rd/p/000000007.000034940.html
■株式会社 Tsunagu.AI について
Tsunagu.AI （ツナグドットエーアイ）は「ヒトとデータを繫ぐ」をコンセプトに、AIを使ったイノベーションで人々を単純作業から開放し世界を前進させるというミッションのもと2017年4月に創業したAIスタートアップ企業です。
2019年12月に「 FRONT-END.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位
