# Reweb スクリーンショットを編集可能なデザインに変換し、UIをFigmaまたはコードに出力するFigma向けAIデザインツール - Findings24: - ウェブサイト: - 料金: Freemium - カテゴリー: AIアプリビルダー, AIウェブサイトビルダー, AI UIジェネレーター ## Rewebとは？ Reweb は、スクリーンショットを編集可能なデザインに変換し、AI で UI を生成し、本番対応の React コンポーネントとして作業を書き出すことを支援する、Figma 向けの AI デザインツールです。ホームページでは、一般的な画像生成ではなく、AI によるインターフェースデザインの生成、編集、探索を中心に製品が位置づけられています。 この製品は、アイデア、スクリーンショット、または参考例から編集可能で書き出し可能なものへ移したい UI およびプロダクトデザインのワークフローを対象としています。サイトには、瞑想アプリ、ダッシュボード、家計管理アプリ、ヒーローセクション、ランディングページ、カードコンポーネントなどの例も表示されており、Reweb が実用的なインターフェース構築作業向けであることが示されています。 ## Rewebでできること ### AI支援のデザイン生成 白紙のキャンバスから始める代わりに、AI を使ってデザインを作成または探索できます。ホームページでは、瞑想アプリ、ダッシュボード、家計管理アプリ、ヒーローセクション、ランディングページ、カードコンポーネントなどの例が紹介されています。 ### スクリーンショットから編集可能なデザインへ スクリーンショットを編集可能なデザインに変換します。これは製品メタデータで説明されている中心的な約束であり、ツールをデザインから編集可能なワークフローに位置づけています。 ### AI編集ワークフロー 既存の作業を AI で編集できます。ホームページの文言には、AI でデザインを生成、編集、探索できるとあり、Reweb は一回限りの生成ではなく反復的な UI 作業向けであることが示唆されています。 ### デザインと開発向けの書き出し デザインをコードまたは Figma に書き出せます。価格ページでは Figma への書き出しとコードへの書き出しが明記されており、製品説明では本番対応の React コンポーネントを生成するとされています。 ### クレジット制の利用モデル プランベースのクレジットで AI 作業を行います。価格ページでは、無料、Pro、Team の各プランで利用量が異なり、制限付きまたはより多くの AI 利用ができることが示されており、クレジットが製品のワークフローの一部になっています。 ### チームコラボレーション チームプランでコラボレーションをサポートします。価格ページでは、Team ティアの一部としてチームコラボレーションと一元請求が挙げられています。 ## 利用シーン ### 参考デザインを再現する すでにスクリーンショットや視覚的な参考資料があり、インターフェースを手作業で作り直す代わりに編集可能なデザインへ変換したいときに Reweb を使います。 ### インターフェースの下書きを素早く作る ランディングページ、ダッシュボード、ヒーローセクション、カードコンポーネントなどの新しい UI セクションを AI で生成し、同じワークフロー内で仕上げます。 ### デザインとコードをつなぐ 本番対応の React コンポーネントを書き出すか、作業をデザインツールに残したい場合は Figma に書き戻すことで、デザインから実装へ移行します。 ### チームのデザイン作業を調整する 複数人で UI 作業を進め、請求を一元管理する必要がある場合は Team プランを利用します。 ### アップグレード前に製品を評価する より多くのクレジットやコラボレーションが必要になったら有料プランへ移る前に、まず無料プランでワークフローを試します。 ## よくある質問 ### Reweb には無料版がありますか？ Reweb には無料プランがあり、価格ページにはより多くの利用やコラボレーション向けの有料 Pro プランと Team プランも記載されています。 ### 後からプランを変更したりキャンセルしたりできますか？ 価格ページには、いつでもプランを変更またはキャンセルできると記載されています。 ### Reweb からデザインを書き出せますか？ 価格ページによると、Reweb はデザインを Figma とコードに書き出す機能をサポートしています。 ### AI クレジットを使い切るとどうなりますか？ AI クレジットを使い切った場合、Reweb の価格ページでは追加クレジットの購入またはプランのアップグレードができると案内されています。 ### Reweb はチームでの利用に対応していますか？ Team プランには、チームでのコラボレーションと一元請求が含まれると説明されています。 ## クイック情報 - **カテゴリ**: デザインツール - **主要ワークフロー**: AI支援の UI 生成と編集 - **書き出し先**: Figma とコード - **価格**: 無料プラン + 有料 Pro / Team プラン - **チーム機能**: Team でのコラボレーションと一元請求 - **ソースドメイン**: reweb.so