デザイナーのための、
AIインターフェース。

私自身が、ターゲットユーザーだった。

プログラミング経験のないUI/UXデザイナー。アイデアはあるが、コードにできない。エンジニアへの依頼は時間がかかる。AIツールは存在するが、使うためにまたAIの知識が必要になる——この矛盾に気づいたとき、自分が解決すべき相手だとわかった。

DECISION 01 — キャンバス設計

タブではなく、無限キャンバス。

複数の画面を管理する方法として、タブ切り替えは一般的だ。しかしデザイナーは「空間的に考える」習慣がある。Figmaがそうであるように、画面を並べて俯瞰できる環境が、デザイン判断の質を上げる。

DECISION 02 — エラー処理

エラーログを見せない。

AIの生成が失敗したとき、エラーメッセージをそのまま表示する選択肢があった。しかしターゲットユーザーはエラーログを読めない。読めないものを見せることはUXの失敗だ。

DECISION 03 — Skill システム

指示を分離する。

プロンプトが長すぎるとAIの品質が下がることがわかった。Figmaのスタイルガイドと同じ発想で、デザインルールを「Skill」として本体から分離し、必要に応じて有効化できる設計にした。

01

生成時間は2〜3分かかる。待機中のユーザー体験は改善の余地がある。

02

Figmaへのエクスポートは完全ではない。グラデーションと固定要素に課題が残る。

03

私自身がターゲットユーザーであることは強みでもあり、バイアスでもある。複数のデザイナーによる検証が次のステップだ。

∙ 無限キャンバス + マルチフレーム

∙ リアルタイムプレビュー

∙ マインドマップ / アウトライン / チャート

∙ モデル自由切替（DeepSeek / Claude / Qwen）

∙ Skill システム（デザインルール分離）

∙ インタラクティブモード

∙ PNG / PDF / コードエクスポート

∙ Figma エクスポート

∙ トークン消費トラッキング

∙ 5言語対応（i18n）

∙ Electron

∙ React + TypeScript

∙ Tailwind CSS v3

∙ Vite

∙ Claude Code

∙ Claude API / DeepSeek API

∙ ECharts

∙ Mind Elixir

∙ Figma（UI設計）