raftdesign.studio/ja/ai/design-system
EN | JP

DESIGN

raft-assistant · /ja/ai/design-system/status: online · human-reviewed

AI対応型デザインシステムとは?

デザインシステムは、Figmaの中だけで完結するものではありません。

Raftは、チームとAIツールが同じ基盤を拠り所にできるブランド&プロダクトシステムをつくります。一貫性を保ったまま、新しい制作をより速く進められるようになります。

ひとつのシステムから、より多くの可能性へ。

ブランドプロダクトAI対応人チームAIツール

このページと人間版は、同じコンテンツソースから生成されています。 → /ja/design-system/

──[ 01 ]── OFFER ───────────────────────────────────────────────────────────────────────────────────────────

name
AI対応型デザインシステム
for
ブランド&プロダクトのデザインシステムを構築・拡張するチーム
pricing
料金とスケジュールは公開していません。
included in
Design Foundation Sprint · すべてのデザイン基盤構築スプリントに、AI対応デザインシステムが含まれます。
example
Raftのデザインシステム事例を見る
human page
https://raftdesign.studio/ja/design-system/

──[ 02 ]── THE SHIFT ───────────────────────────────────────────────────────────────────────────────────────

cat shift.md

# デザインシステムのあり方が、変わりはじめています。

すでに多くのチームがAIツールを活用しています。しかし、ほとんどのデザインシステムはAIの利用を前提に設計されていません。その結果、制作スピードは上がっても、アウトプットに一貫性がなく、ブランドから外れた成果物や重複した作業が生まれています。

88%

少なくとも1つの業務機能でAIを活用している組織の割合

McKinsey、2025年11月

94%

AIの出力を、正確性・品質・ブランドの一貫性の観点で見直すマーケターの割合

Canva、2025年3月

再利用可能なコンポーネントとブランドガイドが、AIツールの確かな出発点になります。

従来型のアプローチ

✕ 静的なブランドガイドライン

✕ 人が使うことだけを想定

✕ プロジェクトごとに一から作り直す

✕ AIによるアウトプットが一貫しない

RaftのAI対応型アプローチ

✓ AIツールが活用できる構造

✓ ブランドに沿った一貫したアウトプット

✓ 再利用可能なコンポーネントとテンプレート

✓ より速く、より高品質な制作

──[ 03 ]── WHAT WE BUILD ───────────────────────────────────────────────────────────────────────────────────

ls /system

# ブランド、プロダクト、AIをつなぐ、ひとつの完全なシステム。

チームとAIツールが、一貫性のある高品質な成果物をつくるために必要な要素を、ひとつのシステムとして構造化します。

1ブランド基盤戦略、ポジショニング、ビジュアルアイデンティティ
2ボイス&コンテンツメッセージング、トーン、コピーガイドライン
3デザイントークンカラー、タイポグラフィ、スペーシング、レイアウトルール
4コンポーネントライブラリUIコンポーネント、パターン、状態設計
5テンプレートプレゼン資料、マーケティング素材、提案書、Webページ
6DESIGN.mdAIツール向けに構造化されたコンテキスト
7AIワークフローツール設定、プロンプト、活用ガイド
8実装ハンドオフ資料、エンジニアリング支援

──[ 04 ]── TEAMS ───────────────────────────────────────────────────────────────────────────────────────────

ls /teams

# つくるすべてのチームのために。

同じシステムを共有することで、あらゆるチームが手戻りを減らし、一貫性を保ちながら、より速く動けるようになります。

1マーケティングキャンペーン素材、広告、ランディングページ、SNSコンテンツを制作。
2セールス提案資料、プレゼン資料、営業支援素材を作成。
3プロダクト+デザイン新しいユーザーフロー、プロトタイプ、プロダクト画面を検討・設計。
4エンジニアリング共有されたトークン、コンポーネント、実装ガイドをもとに開発。

──[ 05 ]── EXAMPLE ─────────────────────────────────────────────────────────────────────────────────────────

cat raft-design-system.md

// 実際の仕組みを見る

# このRaftのデザインガイドラインも、同じシステムからつくられています。

Raft自身のブランドシステムには、以下が含まれます。

1デザイントークン
2タイポグラフィとレイアウトルール
3再利用可能なコンポーネント
4ブランドボイス
5モーションガイド
6プレゼンテーションテンプレート
7DESIGN.md
8Claude Designなど、AIツール向けのガイドライン

→ Raftのデザインシステムを見る

──[ 06 ]── TOOLS ───────────────────────────────────────────────────────────────────────────────────────────

cat tools.md

# 最新のAIツールと連携します。

現在Raftが実践しているワークフローのひとつが、Claude Designです。デザインシステム全体、ブランドルール、DESIGN.mdをコンテキストとして読み込ませることで、チームはブランドに沿ったアウトプットを、より確実に生成できます。

Raftは特定のツールに依存しません。価値があるのはシステムそのものです。ツールは、これからも進化し続けます。

Claude DesignChatGPTFigma MakeCursorLovableCanva AIその他

──[ 07 ]── OUTCOMES ────────────────────────────────────────────────────────────────────────────────────────

cat outcomes.md

# 「できること」の基準を、もう一段上へ。

AI対応型デザインシステムは、一貫性のある高品質なブランド・プロダクト体験を保ちながら、制作スピードを高めます。

1より速い制作手戻りを減らし、より多くのものを、より短時間で。
2一貫したクオリティあらゆるチャネルで、ブランドらしさを保つ。
3より高い連携チーム間で共通の基準を持つ。
4長期的なスケール成長に合わせて進化する基盤。

ls -l /work --related

ブランドとプロダクトのシステムを設計した事例です。

1LegalOnAIリーガルプラットフォームのブランド&プロダクトシステム
2AI Design LAロサンゼルスのAIデザインコミュニティのための、ビジュアルアイデンティティとウェブサイト
3Raft Design SystemAIツール向けのDESIGN.mdを備えた、Raft自身のブランド&プロダクトシステム

すべてのプロジェクトを見る →

──[ 09 ]── CONTACT ─────────────────────────────────────────────────────────────────────────────────────────

raft --connect

// Let’s build what’s next

# チームのためのAI対応型デザインシステムを、つくりませんか?

目指す姿と、Raftにできることについて、お話ししましょう。

email
hello@raftdesign.studio
book
/ja/contact
相談をはじめる →

/* EOF */

human version llms.txt ai.md sitemap.xml designed by hand. built by AI.
AI向けのサイト目次です。モデルはまずここを読んで、情報の場所を把握します。 デザインを取り除いたRaft Designです。AIが判断に必要な情報を、一つのファイルにまとめています。
HUMAN AI