事業紹介 事業紹介トップ 経営データ分析基盤 Claude / MCP 導入 複雑な SaaS を専用 UI に Shopify Plus 移行・拡張 生成AI 活用(Multi AI) SEO / AIO / 広告運用 顧問・アドバイザリ インフラ構築 自社メディア投資・開発
Claude Claude / MCP 総合 Claude Cowork Claude Code Claude Design MCP サーバー実装
Shopify Plus Shopify Plus トップ EC-CUBE からの移行 大手カートからの移行 Shopify 通常プラン
実績
業界ニュース 業界ニュース トップ AI ニュース Shopify ニュース SaaS ニュース お知らせ(自社発信)
会社情報 お問い合わせ
Claude Design

Claude Design 活用支援

デザイン・プロトタイプ・スライドを、AI と協働で作る。

Claude Design は Anthropic Labs が 2026 年 4 月にリリースした新プロダクト。Claude Opus 4.7 を基盤に、デザイン・プロトタイプ・スライド・ワンペイジャー・HTML/コード駆動プロトタイプまでを Claude と協働で作成できます。

このページの情報は のものです。Claude Design 等のプロダクトは進化が速いため、最新情報は各サービスの公式サイトや最新リリースをご確認ください。
About

Claude Design とは

ユーザーが必要なものを説明すると、Claude が最初のバージョンを作成。そこから会話・インラインコメント・直接編集・カスタムスライダーで磨き込んでいく、対話型の制作ツールです。Anthropic Labs の研究プレビューとして 2026 年 4 月 17 日リリース、Claude Opus 4.7 ベース。Claude Pro / Max / Team / Enterprise プランで利用可能(最新状況は Anthropic 公式 を参照)。

Capabilities

できること

01

デザイン・プロトタイプ制作

静的モックアップを、コードレビュー・PR 不要で共有可能なインタラクティブプロトタイプに。フィードバック収集・ユーザーテストまでデザイナーだけで完結できます。

02

画面フロー → 開発ハンドオフ

プロダクトマネージャーが機能フローをスケッチし、Claude Code に 1 コマンドで handoff。実装フェーズに直結します。

03

オンブランドのスライド・資料

ラフなアウトラインから完成デッキを分単位で生成。PPTX エクスポート、Canva 連携、PDF、HTML 書き出しに対応。営業・経営メンバーの提案資料作成に効きます。

04

コード駆動プロトタイプ

音声・動画・シェーダ・3D・AI を含むプロトタイプを誰でも構築可能。試作の距離が極端に縮まります。

05

既存資産との連携

テキストプロンプト、DOCX / PPTX / XLSX アップロード、自社コードベースへの参照、Web キャプチャツールによる既存サイト要素取込みに対応。

Design System

オンボーディングで
自社のデザインシステムを覚えさせる

初期セットアップ時に Claude が御社のコードベース・デザインファイルを読み込み、デザインシステムを自動構築。以降の全プロジェクトで、御社のカラー・タイポグラフィ・コンポーネントが自動適用されます。

Results

早期ユーザーの反応

Brilliant 社のシニアプロダクトデザイナーによれば、「他ツールで 20 回以上のプロンプトが必要だった複雑なページが、Claude Design では 2 回で済んだ」。対話型で磨き込めるインターフェースが、制作の往復コストを一気に下げています。
What we do

Liberators の支援内容

01

デザインシステム整備

Claude が正しく御社のブランドを学べる形に、コードベース・デザイン資産を整備・整理します。

02

制作フロー設計

誰がどの工程で Claude Design を使うか、Claude Code との handoff 方式まで業務フローに落とし込みます。

03

研修・伴走

デザイナー・PM・営業それぞれの立場での使い方を、実案件ベースで指導します。

このコーポレートサイトは、Claude Design と liberators-brand という自社定義のブランド Skill を組み合わせて短期間で設計・実装されています。AI を使って AI 臭のない仕上がりを作る、その実証例です。
Related Works

Claude Design 活用の関連実績

クライアントの許可取得状況に応じて、匿名または個別名で公開しています。類似業種・技術の事例から、御社の相談に近いものをご案内可能です。

Claude Design を、社内の制作現場へ。

デザインシステムのオンボーディングから、制作フロー・研修・Claude Code との handoff 設計までまとめて伴走します。

無料相談する