Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I replicated a $5K scroll animation inside Cursor in 10 minutes. People keep saying AI can’t replace designers. That might be true for big companies with huge teams and complex design systems. But if your goal is to ship an MVP fast, Gemini 3 or Opus 4.5 is MORE...

PrajwalTomar_'s profile picture

Prajwal Tomar

55,339 subscribers

1,310,127 görüntüleme • 5 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

I keep seeing people say Gemini 3.0 cannot replace designers. That might be true for big companies with large teams and complex design systems. But if your goal is to ship an MVP in the next few days, Gemini 3.0 is more than enough. I was able to one shot the entire UI of a mobile app with it. Here is the exact process I used ↓
2:34

I keep seeing people say Gemini 3.0 cannot replace designers. That might be true for big companies with large teams and complex design systems. But if your goal is to ship an MVP in the next few days, Gemini 3.0 is more than enough. I was able to one shot the entire UI of a mobile app with it. Here is the exact process I used ↓

Prajwal Tomar

237,361 görüntüleme • 6 ay önce

❤️‍🔥I replicated a $5K scroll animation using Lovable in under 10 minutes And no, this isn’t the lazy “AI video in the hero section” trick. That stuff lags stutters kills the vibe This is frame-by-frame scroll animation. Prompt below ↓
0:20

❤️‍🔥I replicated a $5K scroll animation using Lovable in under 10 minutes And no, this isn’t the lazy “AI video in the hero section” trick. That stuff lags stutters kills the vibe This is frame-by-frame scroll animation. Prompt below ↓

Viktor Oddy

97,113 görüntüleme • 5 ay önce

How I Built ThinkAI for my client in 3 Weeks Using + Cursor I didn’t write a single line of code for this MVP. Here’s the exact process I followed to build it, FAST and efficiently.
1:19

How I Built ThinkAI for my client in 3 Weeks Using + Cursor I didn’t write a single line of code for this MVP. Here’s the exact process I followed to build it, FAST and efficiently.

Prajwal Tomar

235,107 görüntüleme • 1 yıl önce

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.
0:34

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

Soren

183,803 görüntüleme • 7 ay önce

Opus 4.6 vs Gemini 3.1 Pro (2/9) prompt: Build a premium Vite + React landing page for Aether, an AI creative studio, with dark-mode design, high-end animations (Framer Motion), and conversion-focused sections (hero, features, demo, pricing, testimonials). Whilst I think gemini is overall better at design, the model often struggles with syntax issues, tool calling and thinking for 2-3 times the amount of opus.
0:23

Opus 4.6 vs Gemini 3.1 Pro (2/9) prompt: Build a premium Vite + React landing page for Aether, an AI creative studio, with dark-mode design, high-end animations (Framer Motion), and conversion-focused sections (hero, features, demo, pricing, testimonials). Whilst I think gemini is overall better at design, the model often struggles with syntax issues, tool calling and thinking for 2-3 times the amount of opus.

Dev Ed

60,091 görüntüleme • 3 ay önce

gemini just one shotted this entire landing page 🤯 never has an ai model been able to design a startup landing page like this prompt below 👇
0:57

gemini just one shotted this entire landing page 🤯 never has an ai model been able to design a startup landing page like this prompt below 👇

Klaas

213,610 görüntüleme • 7 ay önce

Stop saying AI can't design. I built an entire SaaS UI in 45 minutes that founders pay designers $5k+ for. If your MVPs still take weeks to design, stop blaming the tools and fix your workflow. Comment “UI” and I’ll DM you the full 20 minute breakdown.
1:19

Stop saying AI can't design. I built an entire SaaS UI in 45 minutes that founders pay designers $5k+ for. If your MVPs still take weeks to design, stop blaming the tools and fix your workflow. Comment “UI” and I’ll DM you the full 20 minute breakdown.

Prajwal Tomar

104,916 görüntüleme • 3 ay önce

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.
0:20

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

Guido Rosso

59,850 görüntüleme • 10 ay önce

I told Claude 4.6 Opus to make a pokemon clone - max effort It reasoned for 1 hour and 30 minutes and used 110k tokens and 2 shotted this absolute behemoth. This is one of the coolest things I’ve ever made with AI
2:30

I told Claude 4.6 Opus to make a pokemon clone - max effort It reasoned for 1 hour and 30 minutes and used 110k tokens and 2 shotted this absolute behemoth. This is one of the coolest things I’ve ever made with AI

Chris

658,387 görüntüleme • 4 ay önce

How I turn my templates into real landing pages. Works for any vibe coding platform or site. This is my full guide. I start with Gemini 3. I copy the HTML code and paste to Cursor/v0/lovable and prompt "Create a new landing page /page-name using this design but adapted to {site_name}. Replace the header and footer with the ones from my site. Adapt the whole page, keep everything: {HTML_code}" Details that can to be adapted or improved: Fonts: "Use {font_name} Google font for headings and {font_name} for body text." Icons: "Use Iconify {icon_set} icons" Colors: "Change primary color to blue. Everything else should be monotone." Bonus: "Make the outlines subtle" for a cleaner design. Animation intro/on scroll: "Animate when in view observed, fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0." Static to animated: "Animate details with {animate_type} and decorations.". Example types: line, beam animation, noodles, grid, sonar, etc. Background animation: "Apply the background animation using Unicorn Studio {animation_code}" Details to make your layout stand out: "Add vertical container-size lines. Add 01 02 03 number details." Stand out from generic-looking: "Make this more upscale with large tall fonts, Newsreader font and black and white agency". Adapt content: "Adapt the content to {copy and paste site texts}". Buttons: "Change main button to {code}. Add a 1px border beam animation around the pill-shaped button on hover." Adding sections like testimonials: "Adapt a new section after {section} using this code: {component code}". You can copy the code from Codepen, 21st dev or Aura. Responsiveness: "Make this responsive. Add a hamburger menu for mobile. Hide this {element} for mobile." Making forms work: "Make the form send an email to {your_email}". Payments: "Link the buy button to {LemonSqueezy payment link}". I use composer-1 for quick fixes. I finish with Claude Opus 4.5 for code reviews "Please review the code for performance and robustness". The template HTML code should give you a blueprint for all these, but I think it's important to keep iterating for your specific site.
0:46

How I turn my templates into real landing pages. Works for any vibe coding platform or site. This is my full guide. I start with Gemini 3. I copy the HTML code and paste to Cursor/v0/lovable and prompt "Create a new landing page /page-name using this design but adapted to {site_name}. Replace the header and footer with the ones from my site. Adapt the whole page, keep everything: {HTML_code}" Details that can to be adapted or improved: Fonts: "Use {font_name} Google font for headings and {font_name} for body text." Icons: "Use Iconify {icon_set} icons" Colors: "Change primary color to blue. Everything else should be monotone." Bonus: "Make the outlines subtle" for a cleaner design. Animation intro/on scroll: "Animate when in view observed, fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0." Static to animated: "Animate details with {animate_type} and decorations.". Example types: line, beam animation, noodles, grid, sonar, etc. Background animation: "Apply the background animation using Unicorn Studio {animation_code}" Details to make your layout stand out: "Add vertical container-size lines. Add 01 02 03 number details." Stand out from generic-looking: "Make this more upscale with large tall fonts, Newsreader font and black and white agency". Adapt content: "Adapt the content to {copy and paste site texts}". Buttons: "Change main button to {code}. Add a 1px border beam animation around the pill-shaped button on hover." Adding sections like testimonials: "Adapt a new section after {section} using this code: {component code}". You can copy the code from Codepen, 21st dev or Aura. Responsiveness: "Make this responsive. Add a hamburger menu for mobile. Hide this {element} for mobile." Making forms work: "Make the form send an email to {your_email}". Payments: "Link the buy button to {LemonSqueezy payment link}". I use composer-1 for quick fixes. I finish with Claude Opus 4.5 for code reviews "Please review the code for performance and robustness". The template HTML code should give you a blueprint for all these, but I think it's important to keep iterating for your specific site.

Meng To

40,837 görüntüleme • 6 ay önce

Here’s an eyeball I drew freehand with a 12-pack of Crayola Crayons. Never tell me to pick up a pencil if you draw with a stylus or photoshop.. No Ai was used in this, but saying that is not a mark of quality or integrity whatsoever. I also use Ai because it is a powerful tool.
1:52

Here’s an eyeball I drew freehand with a 12-pack of Crayola Crayons. Never tell me to pick up a pencil if you draw with a stylus or photoshop.. No Ai was used in this, but saying that is not a mark of quality or integrity whatsoever. I also use Ai because it is a powerful tool.

Doug TenNapel

38,742 görüntüleme • 4 ay önce

I think Claude Design is very useful for building prototypes. I one-shotted a simple, AI-powered, gamified life-management app with a very minimal prompt. I haven't tried the slide design yet, but it looks like it could be the perfect tool for ELI5.
0:40

I think Claude Design is very useful for building prototypes. I one-shotted a simple, AI-powered, gamified life-management app with a very minimal prompt. I haven't tried the slide design yet, but it looks like it could be the perfect tool for ELI5.

Eli5DeFi

173,517 görüntüleme • 2 ay önce

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.
2:51

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.

Your Designer

33,334 görüntüleme • 2 yıl önce

With Replit ⠕ Design, you can create high-quality scroll animations for your landing pages in under five minutes— all from a single prompt.
0:22

With Replit ⠕ Design, you can create high-quality scroll animations for your landing pages in under five minutes— all from a single prompt.

Vaibhav Kumar

180,359 görüntüleme • 5 ay önce

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.
2:00

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 görüntüleme • 8 ay önce

Why is Scripting + AI Agent a big deal for Designers? I built a full Road Fighter inspired game in Rive with zero coding experience. AI assists with scripting, it doesn’t take over creative control. Design and animation stay 100% yours, empowering creatives to build games, experiences, and tools that weren’t possible before. 🚀🚀
0:45

Why is Scripting + AI Agent a big deal for Designers? I built a full Road Fighter inspired game in Rive with zero coding experience. AI assists with scripting, it doesn’t take over creative control. Design and animation stay 100% yours, empowering creatives to build games, experiences, and tools that weren’t possible before. 🚀🚀

Sanu Sagar

48,182 görüntüleme • 5 ay önce

For anyone who believes AI cannot build multi page complex applications, here is my proof. A fully functional 20 page dashboard created with Gemini 3.1 Pro inside Google AI Studio 🔥 It did not take a day or even half a day. It took me less than an hour to complete it in 17 total iterations. The UI design is inspired by Salung Prastyo and the rest pages were generated entirely by Gemini following same design system. More features coming soon 🔜
1:05

For anyone who believes AI cannot build multi page complex applications, here is my proof. A fully functional 20 page dashboard created with Gemini 3.1 Pro inside Google AI Studio 🔥 It did not take a day or even half a day. It took me less than an hour to complete it in 17 total iterations. The UI design is inspired by Salung Prastyo and the rest pages were generated entirely by Gemini following same design system. More features coming soon 🔜

The Bugged Dev

167,007 görüntüleme • 3 ay önce

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:
0:41

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

claire vo 🖤

91,680 görüntüleme • 1 ay önce