Awesome Something

Prototyping & generation

9 items

9 of 9 items
  • プロンプトから Web ページを生成し、テンプレートや再利用可能な DESIGN.md を作成できる AI デザインツール。

  • テンプレートや UI コンポーネントを参考に、AI で Web デザインを生成・編集できるサービス。HTML や Figma への書き出しに対応する。

  • テキストや参照画像からロゴ・イラストなどの SVG を生成・編集する、ベクターグラフィックス特化の AI モデルとツール。

  • HTML・CSS を基盤にした、AI エージェントと連携できるデザインキャンバス。デザインをコードとして扱い、MCP 経由でコードベースのスタイルやコンポーネントと同期できる。

  • AI コーディングエージェントと DESIGN.md を使い、プロトタイプ・Web ページ・スライドなどを作成できる、オープンソースのデザインワークスペース。

  • Material 3 Expressive の画面をブラウザで組み立てるデザインツール。画面遷移やテーマを確認し、Android・Web 向けの AI コーディング用プロンプトとして書き出せる。

  • AI エージェントの応答からチャート・フォーム・テーブル・ダッシュボードなどの UI をストリーミング生成するオープン標準のフレームワーク。React・Vue・Svelte・React Native などで描画でき、既存のコンポーネントやデザインシステムをそのまま利用できる。

  • OpenPencil

    Figma の .fig と Pencil の .pen を読み書きできるオープンソースのデザインエディター。AI 機能・CLI・MCP 連携を備え、デザインの編集からコード書き出しまで行える。

  • プロンプトからランディングページ・Web サイト・ダッシュボード・Web アプリを生成し、AI チャットで編集・公開できるサイト制作プラットフォーム。