Загрузка...

I Cloned a Website With ONE Prompt

Clone any website with AI using just a URL. No manual screenshots, no writing design systems, no guessing colors or fonts. This new import feature automatically extracts everything and rebuilds the site for you.
In this tutorial, I walk you through the full workflow from pasting a URL to getting a fully generated website you can customize and iterate on.

What I cover:
→ How the Import Website URL feature works
→ The difference between "Exactly" and "Different" modes
→ How the AI extracts a full design system automatically
→ Choosing your AI model (Claude, Gemini, or OpenAI)
→ Using the generated site as a foundation to build on
What you'll learn:

Recreate any website layout using just a URL
Understand the auto-generated design system (colors, typography, spacing, components)
Use "Exactly" mode for close replicas or "Different" mode for remixed variations
Inspect and replace the reference screenshot for better accuracy
Edit code directly in code mode with element selection
Iterate on the generated foundation to make it your own

This is the fastest way to go from inspiration to a working website. Instead of starting from blank, you get the full structure, styles, and assets ready to customize.

TIMESTAMPS
0:00 - Intro
0:05 - How the Import Feature Works
1:08 - Cloning the Vercel Website
2:20 - The Auto-Generated Design System
5:14 - Running the AI Generation
6:13 - Comparing the Result to the Original
8:54 - Design Mode and Iteration
10:08 - "Different" Mode vs "Exactly" Mode
11:18 - Outro
Try Aura: https://aura.build?via=Vpromotion
free template: https://drive.google.com/file/d/1fJQfjtWGLtX1_LjUu6vfTsr3F69vYJs2/view?usp=sharing

Never miss the latest AI tools and creative workflows: https://www.creativeainews.com

CONNECT WITH ME
LinkedIn: / vannarot-roeung-868679341
X / Twitter: https://x.com/VanhDesign

This AI website cloning feature lets you import any website URL, automatically extract its design system, colors, typography, and assets, then rebuild it using AI. Whether you want an exact replica to study or a remixed version for inspiration, this is the fastest way to start a new web project without building from scratch.
If this tutorial helped you, like and subscribe for more AI design tutorials, web development workflows, and creative AI tools.
#AIWebsiteBuilder #CloneWebsite #AIWebDesign #WebDesign2026 #AITools #CreativeAI #NoCodeWebsite #WebDevelopment #AITutorial #WebDesignTutorial #AIWebClone #DesignSystem #AIPrompts #WebsiteBuilder

Видео I Cloned a Website With ONE Prompt канала CreativeDesignTools
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять