screenshot-to-code OSS

スクリーンショットを渡すとそっくりなHTML/Reactコードを生成するツール。デザイン→コード変換の代表的OSS。

last-updated: 2026-07-11 · source: database

github_stars73.2k
pricingOSS無料(API費用別) / ホスト版有料
licenseMIT
osmac / windows / linux
japanese非対応
difficulty初級
recommendedデザイン案・参考サイトの高速コード化

概要

スクリーンショットを渡すとそっくりなHTML/Reactコードを生成するツール。デザイン→コード変換の代表的OSS。

マルチモーダルAI(画像がわかるAI)の実用例として最も分かりやすいプロジェクトの一つです。手描きのラフやベンチマークしたいサイトのキャプチャからコードの叩き台を作れるため、デザインの引き出しが少ない個人開発者の強い味方になります。

主な機能

料金

無料枠から始められ、必要に応じて有料プランに拡張できます。

※料金は変更される場合があります。最新の情報は公式サイトでご確認ください。

こんな人におすすめ

よくある質問

Q. 生成コードはそのまま使えますか?

A. 叩き台としては優秀ですが、細部の調整やコンポーネント整理は必要です。ゼロから書くよりは遥かに速い、という位置づけです。

Q. 費用は?

A. OSS版は無料ですが、使用するAIモデルのAPI費用がかかります。

代替ツール

APIオープンソース(OSS)マルチモーダル
#frontend#oss#ui-generation#vision