design2code

Design2Code

HTML/CSS/JSコンバーターの究極のWebデザインであるDesign2Codeへようこそ！

概要

Design2Codeは、スケッチ、ワイヤーフレーム、Figma、XDなどを含むさまざまなWebデザイン形式を、クリーンでレスポンシブなHTML/CSS/JSコードに変換するオープンソースプロジェクトです。デザイン画像をアップロードするだけで、Design2Codeは自動的にコードを生成します。そんなに簡単です！

デモビデオ

魔法の動作をチェックしてください！デモビデオをご覧ください

Design-to-Code.mp4

ホストされたアプリ

ホストされたバージョンをお試しください：Design2Code Live Demo

Openai gpt

gpt：gptとして試してください

展開

Design2Codeはnext.jsを使用して構築されていますvercelを使用して1つのクリックでDesign2Codeの独自のインスタンスを展開します。下のボタンをクリックして開始します。

Vercel Hobby Planを使用している場合は、App/API/Code/route.tsの最大化を10秒に更新します。この問題を参照してください

？貢献

コミュニティからの貢献を歓迎します！アイデア、バグの修正、または拡張機能がある場合は、プルリクエストを自由に作成してください。

？フィードバック

私たちはあなたのフィードバックを大切にします！ LinkedIn：Mostafa Sadeghiに直接手を差し伸べます

ライセンス

このプロジェクトは、MITライセンスの下でライセンスされています。自由に使用し、変更し、配布してください！