Framesmith 1.8 – 要素をクリックしてAIエージェントにデザインフィードバックを送信
Framesmith 1.8がリリースされ、UI要素をクリックするだけでAIエージェントにデザインフィードバックを渡せる機能が追加されました。ユーザーは画面上の任意の要素を選択し、そのデザインに関する具体的な指示や改善点をAIに伝えることができます。これにより、デザインの修正や調整が直感的かつ効率的に行えるようになります。
背景メモ
- Framesmith は、画面キャプチャ上で要素をクリックし、自然言語で修正指示を出すだけで、AI エージェント（例：Vercel の AI SDK と連携）に UI デザインフィードバックを伝えられる開発ツールです。
- 従来は「ここ、3ピクセル右にズレている」といった変更をテキストで正確に伝えるのが難しかった問題を解決。ユーザーが画面上の要素を直接指定できるため、曖昧さなく修正を指示できます。
- 1.8 では、複数選択機能や、選択要素のプロパティ（CSS 的な属性）を確認する「Elements」パネルが追加され、より詳細なフィードバックが可能に。
- Vercel AI SDK のユーザーなど、AI によるコード生成を活用するフロントエンド開発者にとって、人間と AI の間の「デザイン指示の伝達ロス」を減らす実用的な補助ツールとして注目されています。