腾讯设计 Ardot

腾讯设计 Ardotは、テキストからUI生成、画像からデザイン変換、ベクター編集、開発への受け渡しに対応するAIデザインツール。macOSとWebで利用でき、Starterプランは無料。

プロダクトチーム向けの AI デザインツール

腾讯设计 Ardot は、インターフェース作成、レイアウト編集、デザインシステム管理、デザインから開発への受け渡しを 1 つのワークスペースに統合した、プロダクトチーム向けの AI 駆動デザインツールです。製品は macOS とブラウザで利用でき、無料の Starter プランと、個人、チーム、企業向けの有料プランが用意されています。

ソースページでは、主に 2 つのワークフローが強調されています。1 つは、テキストから UI 生成、画像からデザイン変換、コピー、命名、説明のための AI ヘルパーを含む AI 支援作成です。もう 1 つは、ベクター編集、動的レイアウト制御、共有デザイン資産、チームコラボレーション、エンジニア向けの受け渡し出力を含む、制作指向の編集と納品です。

料金ページでは、個人、チーム、企業のユースケースが区別されています。また、デザイン席と開発者席が別々に記載されており、創作的な編集と下流の実装の両方を同一プラットフォームで支援する構成であることが示唆されます。

サイトのドキュメントとポリシーページでは、このサービスが Tencent によって運営されるオンラインデザインコラボレーションプラットフォームであると示され、帰属ページでは製品配布に多数のオープンソースパッケージが含まれていることが示されています。

主な機能

テキストから UI 生成

テキストプロンプトから UI を生成し、白紙のキャンバスから始めずに、製品アイデアを説明から最初の画面案へと進められます。

画像からデザインへの変換

画像をデザイン案に変換し、再設計、参照ベースの反復、既存レイアウトの素早い再構築の出発点をチームに提供します。

ベクター編集

ペンベースの編集や、より高度な図形・変形操作のサポートを含むベクターツールで、レイアウトやビジュアルの詳細を編集できます。

動的レイアウトシステム

Grid、% ベースの配置、真の比例ロックなどの動的レイアウト動作を使って、画面サイズに応じてデザインを調整できます。

デザインシステム管理

コンポーネント、カラースタイル、テキストスタイル、変数を管理し、デザイン資産をファイルやチーム全体で再利用しやすく、同期された状態に保てます。

デザインから開発への受け渡し

注釈付きの仕様、コンポーネントの विकल्प、コードスニペット、CSS、iOS、Android、PNG、JPG、SVG、PDF などのエクスポート形式を通じて、デザインから開発へ移行できます。

Ardot の主な活用方法

初期段階のプロダクトアイデア出し
Ardot を使って要件やプロンプトを初期の画面案に変換し、その後はゼロから作るのではなく、レイアウトとベクターのツールで仕上げます。
画像からのデザイン再構築
既存のスクリーンショットや参照画像を、編集可能なデザイン案として再構築または再解釈し、反復を দ্রুতめます。
デザインシステムの構築
再利用可能なコンポーネント、スタイル、変数を作成して、チームが複数のファイルやプロジェクト間で製品画面の見た目を一貫して保てるようにします。
開発者への受け渡し
計測値、コンポーネントのバリアント、トークン、コードスニペットを含む受け渡し資料を用意し、実装時のやり取りを減らします。
チーム統制とレビュー
チームまたは企業のコラボレーション向けに、権限、レビュー活動、アセットへのアクセスを整理し、特に複数の役割が異なるアクセスレベルを必要とする場合に役立てます。

Pros and Cons

Pros

AI 支援の UI 作成と手動編集ツールを同一製品内で組み合わせています。
macOS と Web の両方に対応しています。
コンポーネント、スタイル、変数、共有チームライブラリなどのデザインシステム機能を備えています。
注釈、コンポーネントの選択肢、コードスニペットを使って、開発向けの受け渡し経路を提供します。
無料の Starter オプションを含む、個人、チーム、企業向けのプラン構成があります。

Cons

公開されているページには、サードパーティ連携の完全なカタログが表示されていないため、提供されたソース内容だけではエコシステム全体が不明です。
一部の機能は料金ページで期間限定の無料として説明されており、利用可能性は変更される可能性があります。
料金ページには席種とプランレベルの違いが示されているため、導入前にチームは役割を慎重に整理する必要があります。

FAQ

Ardot は無料で使えますか？

Ardot は無料の Starter 個人版として利用できます。一方で、Pro、Team、Enterprise は料金ページで案内されており、一部プランには期間限定の無料利用が記載されています。Enterprise 向けには Demo/POC の導線も用意されています。

AI Credits は何に使われますか？

Ardot の AI Credits は、画像生成、スタイル変換、インテリジェント編集、UI プレビュー機能などの AI 機能で使われる共通単位です。料金ページでは、無料期間中に新規ユーザーへ 1000 AI Credits が付与され、各プランには月ごとのクレジット付与量が設定されていると説明されています。

design seats と developer seats の違いは何ですか？

サイトでは、デザイナーやプロダクトマネージャー向けの design seats と、エンジニア向けワークフローの developer seats が区別されています。design seats は編集、コンポーネント、AI 作成をカバーし、developer seats は閲覧、注釈、スライス、token 同期、コード生成をカバーします。

Ardot はどのプラットフォームに対応していますか？

ソースページでは、macOS クライアントと Web 版の対応が示されています。ホームページと料金ページでは、design-to-development handoff、コード出力、チームコラボレーションなどのワークフロー機能も説明されています。

利用できる連携やエクスポートは何ですか？

ソースでは、CSS、iOS、Android 向けのコード出力に加え、注釈と token 同期を備えた専用の開発ワークフローが強調されています。提供されたページには、広範なサードパーティ連携カタログは掲載されていません。

Quick Facts

カテゴリ: AI デザインツール
プラットフォーム: macOS クライアントと Web
主なユーザー: デザイナー、プロダクトチーム、開発者
ソースドメイン: d.qq.com
料金: 無料の Starter プラン。Pro、Team、Enterprise プランあり
ワークフロー: テキストから UI、画像からデザイン、デザインから開発への受け渡し