Claude Codeの /design-login は、一度打てば同じアカウントの別のセッションにも残りました（Claude Designのデザインを読む）

個人でWebサイトやアプリを作っています（屋号は sesebox です）。

いま作っているパズルアプリ「WaterFill」では、画面のデザインを Claude Design（claude.ai のデザイン作成機能）で作り、実装は Claude Code（ターミナルで動くAI）に任せています。

Claude Designで作ったデザインを、Claude Codeから直接読めたら便利です。そのためのコマンドが /design-login なのですが、「どこまで有効なのか」「どのデザインが読めるのか」について、AIの説明と実際の動きがちがうところがいくつかありました。実際に試して分かったことを書いておきます。

（2026年10月時点で試した内容です。仕様は変わるかもしれません）

/design-login とは

Claude Code に最初から入っているコマンドで、Claude Code のセッションに「Claude Designのプロジェクトを読み書きしてよい」という許可を付けるためのログインです。claude.ai のアカウントで認証します。

許可が付くと、Claude Code の中の DesignSync という道具で、Claude Designのプロジェクトのファイル一覧や中身を読めるようになります。

ひとつ注意として、Remote Control（スマホなどからClaude Codeを遠隔で操作する機能）からは打てません。打つと次のように出ました。

/design-login isn't available over Remote Control.

PCのターミナルで打つ必要があります。

分からなかったこと①：一度打てば残るのか

私はClaude Codeのセッション（ターミナルの窓）を、作業ごとに何枚も立ち上げて使っています。もし窓ごとに毎回ログインが要るなら、かなり面倒です。

最初、AIは「許可は窓ごとに付く」と説明していました。でもこれは、確かめたうえでの説明ではなく見立てでした。そこで実際に試しました。

1. PCのターミナルで、ある窓から /design-login を打つ → Design-system access authorized. と出る
2. その窓で DesignSync を使う → 通る
3. 同じアカウント（同じ設定フォルダ）で、新しく別の窓を立ち上げる → 打ち直さなくても DesignSync が通る
4. すでに開いていた別の窓でも、打ち直さずに通る

結果、許可は窓ごとではなく、アカウント（設定フォルダ）ごとに残りました。Claude Code の認証情報のファイルに、claude.ai のログインとは別の、デザイン用の許可（読み取り・書き込み）が1つ増えていました。

なので、別のアカウントで使うときは、そちらで1回打てばよい、ということになります。許可の有効期限は短めですが、更新用の情報も一緒に入っていました（翌日以降もずっと通るかは、まだ確かめきれていません）。

分からなかったこと②：どのデザインが読めるのか

DesignSync の道具の説明には、本来の用途は「デザインシステム（色・文字・部品をまとめたもの）のプロジェクトと、手元の部品を同期すること」と書かれています。

これを読んで、AIは「普通のデザイン（画面のデザイン）は読めない」と判断していました。私のアカウントにはデザインシステムのプロジェクトが0件だったので、それだと何も読めないことになります。

ところが実際に、普通のデザインのURL

https://claude.ai/design/p/<ID>

の <ID> を DesignSync に渡したら、

• プロジェクトの情報を取る
• ファイルの一覧を取る
• ファイルの中身を取る

の3つとも通りました。つまり、読むだけなら普通のデザインでも読めました（書き込みは試していません）。

ややこしいのは、プロジェクトの一覧を出す機能には、普通のデザインが出てこないことです。一覧に出るのは書き込めるデザインシステムだけでした。そのため「一覧に無い＝読めない」と思いこみやすいのですが、URLのIDを渡せば読めます。

読めなかったときの代わりの方法

ログインがうまくいかないときは、Claude Design の画面から書き出す方法もあります。

• Share → Export HTML → Project archive で、zip がダウンロードされる
• 画面が狭いときは、ファイル一覧の右クリックから Download も出ました

WaterFillの最初のデザインは、こちらの方法で受け取っていました。

まとめ

• /design-login はPCのターミナルで打つ（Remote Control からは打てない）
• 一度打てば、同じアカウントの別の窓にも残る（窓ごとではなかった）
• 普通のデザインも、URLのIDを渡せば読める。一覧に出てこないだけ
• 道具の説明文から「できない」と決めつけず、一度試してみるのが早かった

AIは道具の説明文をもとに答えるので、説明文に書かれていない動きについては外れることがあります。今回は2つとも、実際に試したら逆の結果でした。

ほかに作っているものは sesebox にまとめています。