Subframe

Subframeは、Webインターフェースをビジュアルにデザインし、手作業で作り直すことなく既存のコードベースに取り込みたいプロダクトデザイナーやフロントエンド開発者向けのツールです。キャンバスには、ドラッグ＆ドロップによる編集、レイヤー、レイアウト設定、再利用可能なコンポーネント、デザイントークンが備わっています。デザインはReactおよびTailwindのコードとしてエクスポートできるため、UIデザインを実装により忠実に反映させたいチームに適しています。 Subframeでは、キャンバスに組み込みブラウザーとコーディングエージェントも統合されています。実行中のアプリを表示したり、ページを調査して編集可能なデザインとして取り込んだり、AIが生成したバリエーションを確認したりしたうえで、承認した変更をプロジェクトファイルを扱うエージェントに渡せます。Claude CodeやCodexを使ったワークフローに対応し、MCPを通じてCursorなどのエージェントと連携することもできます。SubframeはWebアプリ、Webサイト、社内ツールに適しており、Reactで最もよく機能しますが、ブラウザーとキャンバスはより幅広いWebベースのプロジェクトをサポートしています。

免責事項：WebCatalogは、Subframeと提携、関連、承認、推奨されておらず、その他いかなる形でも公式に関係していません。すべての製品名、ロゴ、ブランドは、それぞれの所有者に帰属します。