How to design website UI using Gemini 3? Gemini 3 VS ChatGPT 5.1, Loveable, Claude
Автор: Expert Azi
Загружено: 2025-11-27
Просмотров: 127
Описание:
Want to redesign websites in seconds using Google's new Gemini 3? In this video, I’m showing you exactly how to use Gemini 3 to generate professional, responsive website code. We are redesigning Netflix, Airbnb, and Google live, and I’m sharing the exact prompts so you can copy-paste them and try this yourself!
We also compare Gemini 3 against other top AI coding tools like ChatGPT 5.1, Lovable, Claude, and Bolt AI to see which one creates the best designs. Plus, stay tuned for the "Meta-Prompt" hack at the end that changes everything.
Timestamp:
00:00 INTRO
00:31 WHAT IS GEMINI 3
01:08 HOW TO ACCESS GEMINI 3
02:08 HOW TO WRITE EFFECTIVE PROMPTS
03:37 LIVE REDESIGN #1
04:53 LIVE REDESIGN #2
05:57 REDESIGN #3 - INTERACTIVE
08:51 REDESIGN MY AGENCY WEBSITE
10:58 CAN GEMINI REDESIGN THE ECOM WEBSITE?
12:47 COMPARING GEMINI 3 WITH OTHER TOOLS
16:05 BONUS SECTION: LET AI WRITE YOUR PROMPTS
[ LIVE REDESIGN #1 ]
Prompt I'm Using: "Redesign Netflix's homepage with a cyberpunk aesthetic. Use neon colors (cyan, magenta, and purple), bold typography, and glitch effects. The layout should showcase trending content in an immersive grid. Include a dark background with sci-fi elements and futuristic UI components. Generate responsive HTML/CSS code. Target: tech-savvy viewers aged 18-30 who love aesthetic designs."
[LIVE REDESIGN #2 ]
Prompt I'm Using: "Redesign the Airbnb website with a luxury minimalist aesthetic. Use a clean white background with subtle beige and sage green accents. Typography should be elegant and modern with generous whitespace. Feature a prominent search bar at the top with a beautiful hero image. Create smooth animations and hover effects. Include a sections for trending locations and host stories. Generate production-ready HTML/CSS code with smooth transitions. Target: affluent travelers aged 35-55 seeking premium experiences."
[REDESIGN #3 - INTERACTIVE ]
Initial Prompt: "Redesign the Google homepage. Make it playful and creative with a retro 90s vibe. Use bright colors, tilted elements, and fun fonts. Include search bar but with personality. Add quirky animations and hover effects. Generate HTML/CSS code. Target: creators and Gen Z users nostalgic for 90s design."
Follow-up Prompt: "Perfect! Now modify this design: Make the background a moving gradient, add more interactive hover effects, and increase the playfulness with emoji decorations. Keep the 90s aesthetic but make it slightly more sophisticated."
[LET AI WRITE YOUR PROMPTS]
here is the meta-prompt:
"I want to redesign [website name or description]. Create a detailed, specific prompt that I can use to generate an amazing redesigned version using an AI. The prompt should include: the website to redesign, the aesthetic/style I want, the target audience, specific colors or design elements, and technical requirements. Make it detailed and creative. Format it so I can copy and paste it directly into an AI tool."
👉 Need Design/Redesign Help then Join Now
Whatsapp Group: https://mdazizul.com/WhatsappGroup
Facebook Group: https://mdazizul.com/GroupFB
Linkedin Profile: / expertazi
_____________/Connect With Me On Social Media\____________
► Twitter:➜ / expertazi
► Linkedin:➜ / expertazi
► Instagram:➜ / expertazi_
► Facebook:➜ / mdazizulyt
=========================================
For Business Queries:- [email protected] or [email protected]
#Gemini3 #AIWebDesign #WebsiteRedesign #DesignWithAI #UIDesign #UXDesign #AIcoding
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: