企業のデザイン資産をAIで自動化！新ソリューション「DesignSync.AI」の登場

株式会社Sunが提供する「DesignSync.AI」

株式会社Sun Asterisk（以下、Sun）は、企業のデザイン資産を自動的に構築する新しいソリューション「DesignSync.AI」を発表しました。このAI技術は、企業の既存Webサイトを分析し、デザインシステムを自動生成します。これにより、従来の手作業に頼っていたデザイン解析の工数を大幅に削減し、デザイン資産の可視化と効率的な運用を可能にします。

デザインの自動分析プロセス

DesignSync.AIは、WebサイトのURLを入力するだけで、AIがそのサイトを自動的に巡回し、全体のデザイン構造を解析します。具体的には、サイトのレイアウト、色使い、フォント、コンポーネント、アクセシビリティといった要素を検出し、構造化されたデータ形式でレポートとして出力します。このレポートをもとに、Sunのデザイナーが最適なデザインルールを策定し、企業のデジタル資産としての価値を最大限に引き出します。

DesignSync.AIの利用によって、企業はデザインドキュメントと実際のソースコードの乖離といった一般的な課題を解消し、ブランドの一貫性を保ちながら質の高いWebサイトを維持できます。企業はデザインを資産として捉え、長期的な運用が可能となります。

AI駆動の開発環境の構築

このソリューションはSunが提唱する「Sun AI-Ready SDLC」という新しい開発アプローチの一部です。これにより、デザインと開発の工程がAIによってシームレスに結びつき、開発サイクル全体に自動化を取り込むことができます。また、DesignSync.AIは「Regen」や「MoMorph」と連携することで、デザインから仕様書、QAテスト、開発タスクを生成し、情報基盤の統合を図ります。これにより、開発者は一つの情報源から必要な全ての情報にアクセスでき、効率的な開発を実現します。

企業が直面する課題と解決策

特に日本市場においては、デザインを再利用可能な資産として管理する文化が十分に根付いていないため、多くの企業が長期的な運用において課題に直面しています。デザインの運用が長期化すると、改修が行われるたびに過去のデザインドキュメントと実際のソースコードとの間にギャップが生じ、ブランドイメージが損なわれるリスクが高まります。DesignSync.AIは、こうした課題に対処するために開発され、企業が簡単に既存資産を活用できる環境を提供します。

具体的な機能

DesignSync.AIは、以下の5つのステップでデザイン資産の解析を行います。1. URL入力 - 解析したいサイトのURLを入力。2. 構造解析・ページ探索 - サイト全体を自動で解析。3. AIによるデザインシステム抽出 - 各要素を構造化JSON形式で抽出。4. 結果プレビュー - 抽出結果を可視化。5. Figma/コード連携 - 解析結果をFigma上に自動構築。

このプロセスにより、デザインシステムへの移行がこれまでになく容易になります。加えて、企業のデザイナーは手作業にかけていた多くの時間を省き、よりクリエイティブな業務に焦点を当てることができるようになります。