Designboard

概要

• Designboardは、CodexやClaude Code、CursorなどのコーディングエージェントでHTMLアートボードを作成・編集できる、オープンで持ち運び可能なビジュアルワークスペースです。
• 生成されたインターフェースをスクリーンショットや使い捨てコードで終わらせず、編集可能なキャンバスと実際のHTMLソースとして継続的に扱えます。

主な特徴

• テキスト、色、余白、レイアウトを視覚的に編集しながら、必要に応じて元のHTMLソースも確認・変更できます。
• メモ、矢印、フリーハンド注釈の追加や、複数アートボードのデッキ表示に対応し、アイデアの整理やプレゼンテーションにも活用できます。
• アカウント、サーバー、テレメトリー、ビルド工程、独自形式を必要とせず、キャンバス全体を1つのHTMLファイルに保存できます。

こんな人におすすめ

• コーディングエージェントでUIを生成しつつ、画面の見た目やレイアウトを自分で細かく調整したい開発者に適しています。
• 特定のプラットフォームに依存せず、プロジェクトのデザインや成果物をローカルで管理したい人に向いています。
• オープンソースかつMITライセンスのツールを好み、複数のコーディングエージェントを横断して使いたい人に便利です。