Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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... show more

Prajwal Tomar

55,412 subscribers

1,310,798 Aufrufe • vor 6 Monaten •via X (Twitter)

Kunst Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 ↓

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 Aufrufe • vor 7 Monaten

❤️‍🔥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 ↓

❤️‍🔥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 Aufrufe • vor 5 Monaten

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.

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 Aufrufe • vor 1 Jahr

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.

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

184,261 Aufrufe • vor 8 Monaten

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.

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

62,391 Aufrufe • vor 4 Monaten

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 👇

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,777 Aufrufe • vor 7 Monaten

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.

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

105,101 Aufrufe • vor 4 Monaten

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.

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 Aufrufe • vor 11 Monaten

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

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,480 Aufrufe • vor 5 Monaten

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.

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 Aufrufe • vor 5 Monaten

$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.$

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

41,015 Aufrufe • vor 7 Monaten

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

34,979 Aufrufe • vor 2 Jahren

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.

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

174,967 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 5 Monaten

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.

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 Aufrufe • vor 9 Monaten

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. 🚀🚀

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,247 Aufrufe • vor 5 Monaten

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:

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,977 Aufrufe • vor 2 Monaten

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 🔜

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,235 Aufrufe • vor 4 Monaten

I got to try Grok 4.5 in early access in Cursor for the past few days and I absolutely enjoyed it. It feels like Opus 4.8 at 2x the speed at a much cheaper price point. I tasked it to brainstorm > plan > implement a big feature for my game (this act 1 boss fight) and it did not disappoint. - It is much smarter than Composer 2.5, during planning mode, it is able to think through my request more robustly, ensuring that edge cases are covered and makes sure to ask the right questions to confirm with me first. - It is much better at brainstorming ideas/suggestions, similar to Opus 4.8, though I think Fable still edges out a little when it comes to brainstorming ideas and suggestions - It is FAST. probably the fastest of all frontier models (Opus 4.8, GPT 5.5 etc), which makes it a joy to build with, because I can stay in the flow - It has much improved visual/animation capabilities than Composer 2.5, it can code up animations (i wanted an explosion animation with particle effects) with much, much better visuals, animation movement and timing. This is a big leap and I was so happy to see this improvement. - The best part for me is that I can just use the same model from planning down to execution without switching to a lower cost model because the price point is cheaper than other frontier models. I'll be testing this model with more challenging tasks in the next few days but I think this is going to be my main driver for vibe coding for a while. Also, its nice to see Grok back in the race. 🙌

I got to try Grok 4.5 in early access in Cursor for the past few days and I absolutely enjoyed it. It feels like Opus 4.8 at 2x the speed at a much cheaper price point. I tasked it to brainstorm > plan > implement a big feature for my game (this act 1 boss fight) and it did not disappoint. - It is much smarter than Composer 2.5, during planning mode, it is able to think through my request more robustly, ensuring that edge cases are covered and makes sure to ask the right questions to confirm with me first. - It is much better at brainstorming ideas/suggestions, similar to Opus 4.8, though I think Fable still edges out a little when it comes to brainstorming ideas and suggestions - It is FAST. probably the fastest of all frontier models (Opus 4.8, GPT 5.5 etc), which makes it a joy to build with, because I can stay in the flow - It has much improved visual/animation capabilities than Composer 2.5, it can code up animations (i wanted an explosion animation with particle effects) with much, much better visuals, animation movement and timing. This is a big leap and I was so happy to see this improvement. - The best part for me is that I can just use the same model from planning down to execution without switching to a lower cost model because the price point is cheaper than other frontier models. I'll be testing this model with more challenging tasks in the next few days but I think this is going to be my main driver for vibe coding for a while. Also, its nice to see Grok back in the race. 🙌

Danny Limanseta

1,311,553 Aufrufe • vor 4 Tagen