Claude が読み書きできるキャンバス上でデザインを行えます。コードから UI を生成し、デザインとコンポーネントを同期させることで、より速くリリースできます。
Wonder MCP は Claude をキャンバスに直接接続します。既存のデザイン、コンポーネント、変数、ドキュメントの参照、新しい画面やフローの作成、デザインのその場での編集が可能です。Wonder は実際の HTML と CSS をベースに構築されているため、Claude はスクリーンショットではなく実際のデザイン構造とスタイリングを直接扱えます。
プロダクトのコンテキストをキャンバスに取り込み、UI を検討・ブラッシュアップしたうえで、承認済みのデザインを作り直すことなくそのままプロダクションへ反映できます。
ツール
- close_file
- create_artboard
- delete_elements
- duplicate_elements
- execute_action
- fetch_image_content
- fetch_image_description
- find_elements
- finish_artboard
- finish_session
- get_additional_context
- get_artboards
- get_basic_info
- get_design_context
- get_design_guidelines
- get_element_code
- get_element_tree
- get_skills
- get_wonder_info
- list_actions
- list_files
- open_file
- prepare_image_upload
- rename_elements
信頼できる開発者のコネクタのみご利用ください。Anthropicは開発者が提供するツールを管理しておらず、意図どおりに動作すること、または変更されないことを保証できません。
関連コネクタ
ファイルの検索、閲覧、アップロードをすばやく行えます。
スケジュール管理と会議の調整をスムーズに行えます。
SharePoint、OneDrive、Outlook、Teams に Claude から直接アクセスできます
Canva デザインの検索、作成、自動入力、エクスポート
Notion ワークスペースと連携して、ツール横断のワークフローを検索・更新・強化。
Slack へのメッセージ送信、キャンバスの作成、Slack データの取得を行えます。