コード貼り付け
HTML、CSS、SVGを貼り付けてページをすぐに表示し、ローカルプロジェクトを用意せずにAI生成コードや手書きコードの最後の視覚的な調整を行えます。
生のコードを、見て調整できるページへ
- AIコーディングツール、テンプレートライブラリ、自分のプロジェクトからページ全体またはコードスニペットを貼り付けます。
- ソースコードだけで結果を判断せず、コードをすぐに実際のページとしてレンダリングします。
- ビジュアルキャンバス上でテキスト、画像、レイアウト、スタイルを直接編集します。
- 最後の視覚的な調整が終わったら、精修したHTMLを保存・共有・書き出しできます。
貼り付けたコードを完成したビジュアルページに変える
HTML、CSS、SVGをすぐに表示し、重要な見た目の調整を行ってから、仕上げたHTMLを保存・共有・書き出しできます。
コードを貼り付け、プレビューして視覚的に仕上げる
1上の入力ボックスにHTML、CSS、SVG、またはAI生成コードを直接貼り付けます。
2プレビューをクリックすると、ローカル環境を構築することなく即座にレンダリングされます。
3要素をクリックしてレイアウトを微調整するか、指定部分を直感的に精修します。
4仕上げたHTMLをエクスポートするか、クリーンなコードをそのままコピーします。