2026年10月24日

Claude Designの使い方と料金|無料プランでどこまで作れるか

Claude Designとは?何ができるツールなのか

チャットでビジュアルを作るツール

Claude Design公式ページのトップ画面「Claudeでアイデアをデザイン」(claude.com/ja/product/design、2026年10月確認)

室谷室谷代表取締役
まず前提として、Claude DesignはAnthropicが出してる対話型のデザインツールなんですよ。画面が会話パネルとキャンバスのペアになってて、要望を打ち込むとキャンバス側にデザインが生えてくる。

テキストが返ってくるんじゃなくて、絵が返ってくる感覚なんですよね。
テキトー教師テキトー教師DotAI 認定講師
現場でよく聞くのが「チャット欄に文章が返ってくると思ってたら、横のキャンバスに画面が出てきた」という戸惑いです。慣れると早いんですけど、最初は目線がどこに行けばいいか分からなくなるみたいで。
室谷室谷代表取締役
入り口も複数あって、通常のチャットからも、Claude Codeからも、アーティファクトのタブからも開ける。アーティファクトで使えるテンプレートのひとつ、という位置づけなんですよ。

だから「別のアプリを入れる」というより、いつもの延長で触りにいける。
テキトー教師テキトー教師DotAI 認定講師
そこは大きいですね。新しいツールを契約して配布して、ログイン設定して…という手間がないだけで、触るまでの心理的な距離がかなり違います。

何が作れるのか(プロトタイプ・スライド・ワンページャー)

室谷室谷代表取締役
作れるのは、画面のデザイン、動きのあるインタラクティブプロトタイプ、1枚もののページ、スライドあたり。要するに「説明のために誰かに見せるもの」を、会話から直接つくるイメージです。
テキトー教師テキトー教師DotAI 認定講師
初めて触る人は、デザインと言われると「きれいな静止画を作る道具」だと思い込みがちなんですよ。でもプロトタイプは触れる状態で出てくるので、そこが一番おもしろいところだと思います。
室谷室谷代表取締役
経営目線で言うと、提案用のスライドや1枚ページの初稿が会話で出てくるだけで、企画の立ち上がりの速度が変わります。外注すると初稿だけでそれなりの金額とリードタイムがかかるので、そこを自分たちで叩けるのは構造的な差になるんですよね。

もちろん詰めの品質は別の話で、そこは人が見る必要があります。
テキトー教師テキトー教師DotAI 認定講師
たしかに。ゼロから作るのと、出てきたものに赤を入れるのでは、かかる時間が全然違いますから。

Claude Codeとの違いは何か

テキトー教師テキトー教師DotAI 認定講師
ここが一番混ざりやすいところですね。「Claude Codeと何が違うんですか」という疑問は、最初に必ず出ます。
室谷室谷代表取締役
ざっくり言うと、Claude Codeはコードベース側で手を動かす役、Claude Designはキャンバス側で絵を詰める役。ただし完全に分かれてるわけじゃなくて、Claude Code側でデザインシステムを取り込んだり、デザインをコードベースに持っていったりと行き来できるんですよ。

デザインが実装フェーズに入ったら、そのままコードに渡せる。
テキトー教師テキトー教師DotAI 認定講師
分断されてないのがミソですよね。デザインだけ作って「はい、あとはよろしく」で渡すと、実装側で解釈違いが起きる。

その行き来が用意されてるのは現場としてはありがたいです。
室谷室谷代表取締役
開発元のAnthropicがどういう会社で、Claude Codeがどう生まれたかはClaude Code(クロードコード)の開発元・Anthropicとはどんな会社?創業者・特徴・Claude Code誕生の裏側まで完全解説【2026年最新】で解説してるので、そちらもどうぞ。

使い方は?デザインを始めて形にするまでの流れ

デザインを始められる3つの入り口

  1. 通常のチャットから、作りたいものを伝えてデザインを依頼する
  2. 「アーティファクト」タブを開き、テンプレートの一つとしてClaude Designを選ぶ
  3. Claude Code から開始する
室谷室谷代表取締役
入り口が3つあるのが地味に効いてるんですよね。いつものチャット、アーティファクトタブ、それからClaude Code。

専用ツールを別で立ち上げる手間がないのが大きい。
テキトー教師テキトー教師DotAI 認定講師
初めて触る人は「どこから開くんだろう」で止まりがちなんですよ。実際はいつものチャットで作りたいものを振るのが一番早いです。
室谷室谷代表取締役
Claude Code 側から入れるルートは開発チームだと刺さりますね。開発元のAnthropicがどういう会社なのかは開発元・Anthropicの解説記事にまとめてあるので、そちらを見てもらうと繋がりが分かりやすいです。
テキトー教師テキトー教師DotAI 認定講師
入り口が違っても中身は同じキャンバスなので、まず1回触ってみるのが早いですね。

プロンプトに書いておきたいこと

室谷室谷代表取締役
ここで精度が決まるんですよ。目標、レイアウト、載せたいコンテンツ、誰に向けたものか。

この4つが入ってるだけで初稿の当たりが全然違います。
テキトー教師テキトー教師DotAI 認定講師
現場でよく聞くのは「おしゃれにしておいて」だけで投げちゃうパターンですね。それだと往復が増えて、結局時間がかかるんですよ。
室谷室谷代表取締役
往復が増えるとコストも増えるんですよね。使用量は通常のClaudeと同じ共有の制限にカウントされるので、雑な依頼を何回も打ち直すのは経営目線だと避けたいところです。
テキトー教師テキトー教師DotAI 認定講師
たしかに。公式ヘルプで挙がってる例だと「地域と製品ラインのフィルター付きで月間収益を表示するダッシュボードを作成してください」みたいに、画面の中身と条件まで言葉にするイメージです。

これは真似しやすいですね。

キャンバスに生成された後にやること

室谷室谷代表取締役
出てきたらまず全体を眺める。画面の構成が狙い通りか、要素が足りてるか。

そこを見ずに細部をいじり始めると迷子になるんですよね。
テキトー教師テキトー教師DotAI 認定講師
最初に戸惑うのが、思ったのと違う方向に進んだときの戻し方なんですよ。そういうときは追加のコンテキストを渡すと立て直しやすいです。

スクリーンショットやコードベースを添えると精度が上がります。
室谷室谷代表取締役
直す手段が複数あるのはいいんですけど、どれを使うかで悩むんですよね。大きく方針を変えるならチャット、一部分だけならインラインコメント、位置の微調整はキャンバス上で直接、という住み分けになります。
テキトー教師テキトー教師DotAI 認定講師
その使い分けは別のところで詳しく話すとして、まずは生成物を確認して、違和感のある場所を一つずつ潰していく流れですね。日本語のプロンプトでも通るので、そこは敷居が低いです。

料金プランは?無料(Free)でも使えるのか

どのプランで使える?Free・Pro・Max・Team・Enterpriseの扱い

プラン別のClaude Design利用可否
機能FreePro・Max・TeamEnterprise
Claude Designの利用○○○
追加料金なしなしなし
デザインシステム(ベータ)×○○
利用開始の条件デフォルトでオンデフォルトでオンオーナーがArtifactsからオン
室谷室谷代表取締役
まず前提として、これ追加料金の話がないんですよ。FreeからEnterpriseまで、全部のプランに最初から入ってるんですよね。
テキトー教師テキトー教師DotAI 認定講師
そこ、初めて触る人がいちばん驚くところで。「別料金のオプションだと思ってた」という反応、現場でよく聞きます。
室谷室谷代表取締役
料金ページのFreeの機能一覧にも「Claude Designを含む」と明記されてますから、契約内容によって請求が増えることはないんですよ。Enterpriseだけはオーナーが組織設定のArtifactsからオンにする必要があります。
テキトー教師テキトー教師DotAI 認定講師
管理者側の設定だけ注意ですね。あとはデフォルトでオンなので、気づいたら使えていた、というパターンも多いです。

Freeプランで使える範囲と、デザインシステムがベータな理由

室谷室谷代表取締役
で、Freeでも普通にデザインは作れます。チャットで指示するとキャンバスに生成される、あの基本の流れはそのまま使える。
テキトー教師テキトー教師DotAI 認定講師
ただ、ここは粒度を分けて伝えたほうがよくて。ブランドの色やフォント、コンポーネントを自動で抽出して全プロジェクトに効かせる「デザインシステム」は、Pro・Max・Team・Enterpriseのベータ機能なんです。

Freeだとそこだけ届かない。
室谷室谷代表取締役
ベータなのは、元データの品質に仕上がりが左右される部分が残ってるからでしょうね。経営目線で言うと、ブランド統一を全社で回したいなら最初からPro以上を見たほうが早いです。
テキトー教師テキトー教師DotAI 認定講師
逆に「まず触ってみたい」だけならFreeで十分。ここを混同して「無料だと何もできない」と身構える人が結構いるんですよ。

使用量はどうカウントされる?(独自クォータ廃止の現在)

室谷室谷代表取締役
使用量の話、ここがいちばん情報が古くなってるポイントなんですよ。以前はClaude Design専用の週間の割り当てがあったんですけど、今はプランの共有制限に統合されてます。
テキトー教師テキトー教師DotAI 認定講師
ええ、Claude本体やClaude Codeと同じ枠で数える、という理解でいいはずです。個別の週次クォータを探して見つからない、と戸惑う人が出るんですよ。
室谷室谷代表取締役
つまりデザインを触るとチャットの残量が減る、という設計。プラン単位でコストが読めるので、事業側からすると管理しやすくなったんですよね。
テキトー教師テキトー教師DotAI 認定講師
細かい上限の数字はプランや時期で変わるので、そこは公式の案内を見たほうが確実です。

デザインシステムで自社のブランドを反映させるには

デザインシステムって、結局なにをまとめたものなのか

室谷室谷代表取締役
デザインシステムというのは、色・フォント・コンポーネント・レイアウトパターンを1か所にまとめたものなんですよね。Claude Designはそこから抽出して、全プロジェクトに効かせられます。
テキトー教師テキトー教師DotAI 認定講師
現場でよく聞くのは「ブランドガイドラインのPDFはあるのに、AIにどう渡せばいいのか分からない」という声です。渡す入口が用意されているのは大きいですね。
室谷室谷代表取締役
ただしこれ、Pro・Max・Team・Enterprise限定のベータ機能で、無料プランでは使えないんですよ。Freeで触ると「思ったより普通のデザインだな」で終わりがちなので、そこは前提として知っておいてほしいところです。
テキトー教師テキトー教師DotAI 認定講師
たしかに。無料で試せる範囲と、ブランドを効かせられる範囲は分けて考えたほうがいいですね。

チャット・Claude Code・Figmaから作る手順

  1. チャットから作る場合:接続アプリ、アップロードしたファイル、Figmaファイル、デッキ、ロゴ、フォントをもとに構築を依頼する
  2. Claude Codeから作る場合:/design-sync を実行し、Reactコンポーネントを直接読み取らせる
  3. claude.ai/design(スタンドアロン版)から移行する場合:サイドバーの「Design」タブ →「Move team design systems」バナー → 各システムに表示される「Let Claude clean it up」で整理する
室谷室谷代表取締役
Claude Codeからの/design-syncが一番効くんですよね。既存のReactコンポーネントをそのまま読ませられるので、すでにプロダクトが動いている会社ほど立ち上がりが早い。

Claude Codeがどういう会社から出てきたのかはClaude Codeの開発元・Anthropicとはどんな会社?で解説しています。
テキトー教師テキトー教師DotAI 認定講師
最初に戸惑うのが、Figmaファイルを渡せば完璧に再現されると思ってしまうところです。読み取れる範囲から組み立てるので、何を渡すかを選ぶのが大事なんですよ。
室谷室谷代表取締役
あとスタンドアロン版を使っていたチームは移行が要ります。サイドバーの「Design」タブから移す流れになっているので、放置すると期限で止まる。

使用量はプラン共通の制限に含まれるので、移行作業そのものがコスト増になるわけではないです。

生成される内容と、Enterpriseの権限管理

室谷室谷代表取締役
出てくるのはカラーパレット、タイポグラフィ、コンポーネント、レイアウトパターン。で、精度は元データ次第。

つまり元データの写し鏡なんですよね。
テキトー教師テキトー教師DotAI 認定講師
ロゴ1枚だけ渡しても、ブランドの空気感までは拾いきれない。色定義やコンポーネントが揃っている会社ほど結果が良くなる、という素直な作りです。
室谷室谷代表取締役
経営目線で言うと、デザインシステムの整備コストがそのまま出力品質になる。Enterpriseだと管理者が公開・デフォルト設定・削除の権限を特定のユーザーに絞れるので、誰でも触れて荒れる状態を避けられるんですよ。
テキトー教師テキトー教師DotAI 認定講師
統制と品質が同じ話でつながっているんですね。誰が触っていいかを決められるのは、導入を進めるときの安心材料になります。

生成したデザインはどう直す?3つの修正手段の使い分け

3つの修正手段の使い分け
チャット
  • 全体の方向性・レイアウトを直す
  • 「もっと余白を広く」など粒度の話
  • 最初の一往復で方向性を合わせる
  • パーツ単位の指示を混ぜると混乱する
インラインコメント
  • 要素を名指しして直す
  • 「このボタンのパディングを大きく」
  • 全体を作り直さずに済む
  • 画面に出ない時はコメントビューで確認

チャットで全体の方向性を直す

室谷室谷代表取締役
生成された画面を見て「思ってたのと違う」となったとき、まずどこに手を入れるかで迷うんですよね。僕の場合はまずチャットで全体を言い直します。
テキトー教師テキトー教師DotAI 認定講師
たしかに、最初にハマるのがそこです。「ボタンの色だけ変えたい」のに全体を作り直す指示を出しちゃう。

チャットは全体の変更用だと割り切ると、ぐっと楽になります。
室谷室谷代表取締役
レイアウト自体が違うならチャットですよね。「もっと余白を広く、情報量を減らす方向で」みたいな粒度の話。

ここにパーツ単位の指示を混ぜると、AIも人間も混乱する。
テキトー教師テキトー教師DotAI 認定講師
現場感覚で言うと、最初の一往復で方向性を合わせきるのがコツなんですよ。細部は後から詰めればいいので。

インラインコメントで要素を名指しする

テキトー教師テキトー教師DotAI 認定講師
逆に「このボタンのパディングを大きくして」みたいに要素を名指ししたいときは、インラインコメントが向いています。該当パーツに直接コメントを付けられるので、全体を作り直さずに済むんです。
室谷室谷代表取締役
それは手戻りコストが全然違いますね。全部作り直しになると、直した箇所まで巻き戻るリスクがある。

時給で換算すると、この差は地味に効くんですよ。
テキトー教師テキトー教師DotAI 認定講師
ただ、コメントが画面に出てこないことがあって。「付けたはずなのに見えない」ときはコメントビューから確認する形になります。

初めて触る人はここで焦るみたいです。
室谷室谷代表取締役
表示の問題と、指示が通っていない問題は切り分けないとですね。

キャンバス上で直接ドラッグ・サイズ変更する

室谷室谷代表取締役
位置とか大きさって、言葉で伝えるのが一番めんどくさい部分じゃないですか。「もう少し右」を文章で説明するの、無駄すぎて。
テキトー教師テキトー教師DotAI 認定講師
そこは手で動かすのが早いです。キャンバス上でドラッグしたりサイズを変えたりできますから。

ただ、新しいレイヤーを足す操作はマウスかトラックパッドが必要になります。
室谷室谷代表取締役
あー、それは知らないと詰まりますね。
テキトー教師テキトー教師DotAI 認定講師
あと大きく変えたあとに「前の状態に戻したい」となったとき、バージョン履歴の機能はまだ無いので、「今の内容を保存して別の案を試して」とチャットで頼む形になります。ここは覚えておくといいです。

3つの使い分けを一言でまとめると

室谷室谷代表取締役
まとめると、方向性はチャット、名指しはインラインコメント、位置とサイズは直接編集。この3つが混ざると遠回りになるんですよね。
テキトー教師テキトー教師DotAI 認定講師
そうですね。直す回数が増えるほど使用量も積み上がるので、どこを直したいのかを先に決めてから指示を出すのが結局いちばん早いです。

作ったデザインの共有とエクスポートはどうやる?

書き出せるファイル形式

室谷室谷代表取締役
で、作ったデザインを外に出すとき、何のかたちで出せるんですか。
テキトー教師テキトー教師DotAI 認定講師
まず .zip のダウンロードがあって、そこからPDF、PPTX、Google Slides、スタンドアロンHTMLという並びです。配って読む資料ならPDFやPPTX、ブラウザで見せるならHTMLという使い分けになりますね。
室谷室谷代表取締役
PPTXとGoogle Slidesが両方あるのが地味に効くんですよ。提案資料をそのまま相手のテンプレに流し込めるので、ここで1時間戻ってこられるかどうかが時給換算だと効いてくる。
テキトー教師テキトー教師DotAI 認定講師
現場でよく聞くのは「画像でしか渡せないと結局向こうで作り直しになる」という不満なんですよ。元データで渡せるのはその不満に直接効きます。

連携できる外部サービス

テキトー教師テキトー教師DotAI 認定講師
送信先もかなり広くて、Canva、Gamma、Miro、HubSpot、Wix、Netlify、Vercel、Replit、v0、Lovable あたりまで用意されています。Adobe系のツールも3つ入ってますね。
室谷室谷代表取締役
なるほど、デザインを作って終わりじゃなくて、そのまま公開まで持っていける導線を用意してるわけか。デザインツールが公開基盤まで飲み込もうとしているのは、構造として面白い動きですね。
テキトー教師テキトー教師DotAI 認定講師
ただ初めて触る人は「全部つなぐんだろうか」と身構えがちなんですよ。実際は1本選べば足りなくて、サイトとして出すならNetlifyやVercel、素材として回すならCanva、という発想で大丈夫です。

Claude Codeへ渡す選択肢もあるので、開発元がどんな会社かはAnthropicの解説記事を眺めておくと背景がつかめます。
室谷室谷代表取締役
全部並べると選べなくなるので。自分の作業の流れに1本だけ挿す、が現実的な落としどころですね。

共有リンクと公開範囲の考え方

室谷室谷代表取締役
共有はどうなってるんです? 作った瞬間に外から見えてる、みたいなのは困るんですけど。
テキトー教師テキトー教師DotAI 認定講師
そこはデフォルトで非公開リンクです。ただし共有設定を変えられるのはWebかデスクトップからで、iOS・Androidのアプリだと変更できないんですよ。

最初に戸惑うのがまさにここです。
室谷室谷代表取締役
それは経営目線だと少し怖いところで。スマホで中身だけ確認した人が「じゃあ共有しといて」と軽く言って、そのまま外に出る事故が起きやすい。

外に出す前のゲートは1箇所に決めておくべきですね。
テキトー教師テキトー教師DotAI 認定講師
あと複数人での同時編集はまだ基本的な段階なので、一緒に触るというよりは、見せてコメントをもらう運用が現実的です。直す場所を分担したいなら、そもそも修正の手段を分けて考えるほうが早いです。

Claude Codeとの連携|デザインから実装までの流れ

/design-syncでデザインシステムを取り込む

室谷室谷代表取締役
Claude Code側で /design-sync を打つと、Reactコンポーネントを直接読み取ってデザインシステムに取り込めるんですよね。コードが正で、デザインがそこに乗る。

実務だとこの向きが効くんですよ。
テキトー教師テキトー教師DotAI 認定講師
初めて触る人が戸惑うのがまさにそこなんです。「デザインを先に作るんじゃないの?」となりがちで。

でも現場感覚だと、動いてるコンポーネントを読ませた方が早い場面の方が多いんですよね。
室谷室谷代表取締役
MYUUUの現場でも、デザインを一から起こし直す工数を時給で換算してることがあって。既存コードから吸い上げられるなら、そのぶんが丸ごと浮く計算になるんです。
テキトー教師テキトー教師DotAI 認定講師
ただ、大きなコードベースはラグの原因になりうるので、同期はこまめに、というのが公式側の注意点でもありますね。

/designでコードベースに渡す・ライブプロトタイプとして書き出す

テキトー教師テキトー教師DotAI 認定講師
デザインが実装段階に入ったら、/design でコードベースにインポートできます。逆にコードをライブプロトタイプとして書き出すこともできて、行き来できるのが面白いところです。
室谷室谷代表取締役
ここって、業界の構造としては「デザインツール」の枠を超えてるんですよね。成果物がそのまま実装の入口になるので、ツール間の受け渡しで落ちる情報が減るわけです。
テキトー教師テキトー教師DotAI 認定講師
現場でよく聞くのは、Figmaのリンクを貼って「この通りにお願いします」と投げるより、動くものが出てる方がレビューの会話が速い、という話です。
室谷室谷代表取締役
連携する側のClaude Codeがどういう会社から出てるのかは、Claude Codeの開発元・Anthropicの解説にまとまってます。前提を知る意味で一度読んでおくと筋が通りますよ。

スタンドアロン版の終了とClaude本体への移行手順

スタンドアロン版からClaude本体への移行手順
  1. 01
    「Design」タブを開く
    サイドバーのDesignタブを開く
  2. 02
    移行を開始
    表示される「Move team design systems」バナーから移行を開始する
  3. 03
    デザインシステムを整理
    各デザインシステムの「Let Claude clean it up」で整理する
  4. 04
    Claude本体で利用
    以降はClaude本体のチャット、アーティファクトタブ、Claude Codeから使う

スタンドアロン版の claude.ai/design は2026年12月14日で終了します。既存プロジェクトはそれまで残りますが、終了前にデザインシステムをClaude本体へ移しておく必要があります。移行は次の流れです。

  1. サイドバーの「Design」タブを開く
  2. 表示される「Move team design systems」バナーから移行を開始する
  3. 各デザインシステムに表示される「Let Claude clean it up」で整理する
  4. 以降はClaude本体のチャット、アーティファクトタブ、Claude Codeから使う
室谷室谷代表取締役
期限が切られてる作業って、経営判断としては先に枠を押さえた方がいいんですよ。12月14日を過ぎてから慌てるパターンが一番もったいない。
テキトー教師テキトー教師DotAI 認定講師
手順自体は短いんですけど、「Move team design systems」のバナーに気づかないまま使い続けてる、という声は聞きます。まず「Design」タブを開いてみてほしいんですよね。
室谷室谷代表取締役
移行しておけば、以降はClaude本体側で同じデザインシステムが使える。作業が止まらない形にしておくのが大事です。
テキトー教師テキトー教師DotAI 認定講師
「Let Claude clean it up」である程度整理までやってくれるので、まず押してみて、崩れたところだけ手で直す順番が楽ですね。

Figmaとの違いと、使う前に知っておきたい注意点

Figmaと何が違うのか

Figmaとの違い
このツール
  • 文章で指示して初稿を出す方向
  • 座標を細かく動かす感覚はない
  • 指示を変えて差分で直していく
  • 管理者が承認済みのデザインシステムひとつに寄せられる
Figma
  • ピクセル単位で詰めていく前提の道具
  • 複数人で同じ画面を同時に触る進め方に強い
  • 作り込み・細部を詰める工程向き
室谷室谷代表取締役
Figmaと並べて語られること多いですけど、中身はかなり別物なんですよね。向こうはピクセル単位で詰めていく前提の道具で、こっちは文章で指示して初稿を出す方向。
テキトー教師テキトー教師DotAI 認定講師
たしかに。最初に戸惑うのが、座標を細かく動かす感覚がないことなんですよ。

指示を変えて差分で直していくイメージに切り替えられるかどうかです。
室谷室谷代表取締役
あと統制の話があって。管理者が承認済みのデザインシステムひとつにチームを寄せられるのは、組織で使う側からすると効く部分なんですよ。
テキトー教師テキトー教師DotAI 認定講師
逆に、複数人で同じ画面を同時に触るような進め方はまだ基本段階なので、そこはFigmaの方が強いですね。

結局どちらを使うべきか

室谷室谷代表取締役
じゃあどっちを使うんだという話で。うちの判断だと、初稿を何案か出して方向を決めるまでがこっち、決まった後の作り込みがFigmaという順番です。
テキトー教師テキトー教師DotAI 認定講師
現場感覚でもそうで、アイデア出しの段階で整列や余白をゼロから詰め始めると、そこで時間が溶けるんですよ。
室谷室谷代表取締役
時給で換算するとわかりやすくて、初稿の往復が減る時間の方が、細部を詰める時間より先に効いてくる。順番の問題なんですよね。
テキトー教師テキトー教師DotAI 認定講師
置き換えというより、前段に足すイメージを持つとハマりやすいと思います。

既知の制限とつまずきやすいポイント

室谷室谷代表取締役
使う前に知っておきたい制限も、公式ヘルプにいくつか挙がってます。並べるとこんな感じです。
  • インラインコメントが表示されないことがある(コメントビューで確認できる)
  • 大規模なコードベースはラグの原因になりうる(/design-syncでの同期が推奨されている)
  • 「チャットアップストリームエラー」が出たら、新しいチャットタブで再試行する
  • iOS・Androidアプリでは共有設定を変更できない(Webかデスクトップが必要)
  • 複数人同時編集はまだ基本的な段階で、バージョン履歴機能もまだ無い
  • 新規レイヤーの追加にはマウスかトラックパッドが要る
テキトー教師テキトー教師DotAI 認定講師
最初に戸惑うのがバージョン履歴で、「戻したい」ができないんですよ。会話で「現在の内容を保存して別アプローチを試して」と頼んで、前の内容を参照する形になります。
室谷室谷代表取締役
モバイルで共有設定を変えられないのも地味に痛い。確認だけスマホで済ませようとすると詰まるので、そこはWeb前提で組んだ方がいいですね。

日本語対応はどこまで大丈夫か

室谷室谷代表取締役
日本語のところ、気にする人多いと思うんですけど。
テキトー教師テキトー教師DotAI 認定講師
プロンプトも生成されるコンテンツも日本語でいけます。公式サイトのUIも日本語なので、そこはハードルが低いんですよね。
室谷室谷代表取締役
ただ、日本語の表現の詰めは最終的に人の目で確認が要ります。デザインの善し悪しは言語より文脈に依存するので、生成任せにしない方がいい。
テキトー教師テキトー教師DotAI 認定講師
初めて触る人は、日本語で指示していいんだと分かるだけで、だいぶ気が楽になると思います。

よくある質問

Q1. スマホやタブレットからでも使えますか?

室谷室谷代表取締役
外出先から触りたいという声はよく聞くんですけど、正直デザインの微調整は画面が広い方が圧倒的に楽なんですよね。移動中に方針だけ確認して、詰めはPCで、みたいな分担が現実的かなと。
テキトー教師テキトー教師DotAI 認定講師
現場感覚で言うと同じですね。指で要素を動かすのと、マウスで何度も往復するのとでは、詰められる精度が変わってくるんですよ。

対応している環境は公式の最新情報を見てもらうのが確実だと思います。

Q2. デザインの経験がなくても使えますか?

テキトー教師テキトー教師DotAI 認定講師
初めて触る人が最初に戸惑うのが、「何を指示すればいいか分からない」というところなんですよ。言葉にできないと、それっぽい無難な画面が出てきて終わっちゃうんです。
室谷室谷代表取締役
それはセンスの問題じゃなくて、要件を日本語で書く作業なんですよね。MYUUU だと、デザインを頼む前に「誰が何をしたい画面なのか」を一行で書かせてます。

それが書けないと、ツールを変えても同じ結果になる。
テキトー教師テキトー教師DotAI 認定講師
たしかに。発想力の話に見えて、実際は言語化の練習なんですよね。

Q3. 生成したデザインの商用利用や著作権はどうなりますか?

室谷室谷代表取締役
ここは断定できないところで。生成物の扱いは規約に依存するので、事業で使う前提なら一次情報を確認するのが先なんですよ。
テキトー教師テキトー教師DotAI 認定講師
現場でもよく聞く話なんですが、社内共有のときに「どこまでが生成で、どこから人が直したか」を残しておくと後で楽なんですよ。権利の話と説明責任の話はセットなので。

Q4. 日本語の文章が入るとレイアウトが崩れたりしませんか?

テキトー教師テキトー教師DotAI 認定講師
初めて触る人が戸惑うのが、英語前提の見た目で出てくるところなんですよ。日本語は文字数で印象が変わるので、そこは言葉で指定してあげる必要があります。
室谷室谷代表取締役
プロンプトに文字量を数字で書くだけで変わりますよね。「見出しは20文字以内」みたいに渡すと、返ってくるものの粒度が揃う。
テキトー教師テキトー教師DotAI 認定講師
あと、出てきた日本語がそのまま使えるとは限らないので、文言は別で直す前提でいた方が気が楽だと思います。

Q5. フォントや写真素材はどう扱えばいいですか?

室谷室谷代表取締役
素材の扱いは地味に最初に確認すべきところで。フォントや写真をどこまで持ち込めるかは環境次第なので、公式が示している範囲を先に見ておくのが安全なんですよね。
テキトー教師テキトー教師DotAI 認定講師
現場感覚で言うと、まず生成して骨格を作って、素材は後から差し替える方が早いんですよ。最初から完璧な素材を入れようとすると、そこで手が止まる人が多いので。

まとめ

室谷室谷代表取締役
結局、ツールの優劣より「何を作りたいのかを言葉にできているか」に戻ってくるんですよね。そこが曖昧なまま触ると、時間がいくらあっても足りない。
テキトー教師テキトー教師DotAI 認定講師
たしかに。まず1画面だけ、実際の業務で使っている画面を題材にしてみるのが一番早いと思います。

お題が本物だと、判断もシビアになりますから。
室谷室谷代表取締役
無料の範囲で1画面作って、社内に見せて反応を見る。そこで初めて費用対効果の話になる。

順番としてはそれでいいんですよ。
テキトー教師テキトー教師DotAI 認定講師
作りながら判断するのが現実的ですね。手を動かすと、先に読んだ注意点の意味が後から効いてきますから。

Related

関連記事

New Articles

新着記事

ガイド

GeminiのGemは2026年11月からスキルへ、移行の時期と使い方を整理

2026年10月24日
室谷テキトー教師
ニュース

Kimi K3.1 Proとは?Moonshot AIの3T級オープンウェイトモデルをベンチマーク実数で検証

2026年10月24日
室谷テキトー教師
ガイド

Qwen3とは?119言語・8モデルの違いとローカル実行、ライセンスの注意点

2026年10月24日
室谷テキトー教師
ニュース

NVIDIAの「Nemotron 3.5 Bolt E4B 4GB」とは?4GBで動く小型オープンモデル

2026年10月24日
室谷テキトー教師
ニュース

Cursor Computer Useとは?エージェントがPC画面を直接操作する新機能

2026年10月24日
室谷テキトー教師
ニュース

OpenRouterの「Security Center」とは?全プランで使えるAPIキー管理機能

2026年10月24日
室谷テキトー教師
ニュース

Replitの「Monitoring Agent」とは?本番障害を自動で修正・再デプロイする仕組み

2026年10月24日
室谷テキトー教師
ニュース

Replit for Governmentとは?公務員が知識をツール化する政府向け提供

2026年10月24日
室谷テキトー教師
ニュース

Claude Mythos 5とは?AISI評価中に実在開発者へ攻撃を試みた事案を解説

2026年10月24日
室谷テキトー教師
ニュース

Anthropicの「Claude形式検証」とは?123のOSSでバグ発見

2026年10月24日
室谷テキトー教師

Join

AIプレナーになる。

入会は審査制です。いまの事業と、AIで何を動かしたいのかを聞かせてください。

参加を申請する