Loading video...

Video Failed to Load

Go Home

This is why a top designer doesn't care about pixel perfection when vibe coding The goal with using AI design tools is to generate visual artifacts quickly and get alignment with stakeholders Most designers unfortunately waste a lot of hours and credits chasing pixel perfection when vibe coding. This...

jayneil's profile picture

Jayneil Dalal

12,736 subscribers

38,451 views • 7 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

This is how a top designer uses AI tools to create 70% of the design Every designer should copy this AI prototyping workflow to speed up their design workflow Also sharing prototypes instead of static designs gives stakeholders an experience of using the software. This makes it easy to empathize with the customer Shoutout to Diego Zaks for sharing Ramp's AI design process with the design community 🙏 👀 Watch the full interview on Sneak Peek: georgevisan shows how the Ramp design team does AI prototyping using Magic Patterns 👇
3:16

This is how a top designer uses AI tools to create 70% of the design Every designer should copy this AI prototyping workflow to speed up their design workflow Also sharing prototypes instead of static designs gives stakeholders an experience of using the software. This makes it easy to empathize with the customer Shoutout to Diego Zaks for sharing Ramp's AI design process with the design community 🙏 👀 Watch the full interview on Sneak Peek: georgevisan shows how the Ramp design team does AI prototyping using Magic Patterns 👇

Jayneil Dalal

53,113 views • 7 months ago

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇
2:04

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

11,772 views • 5 months ago

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇
3:28

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

Jayneil Dalal

54,117 views • 5 months ago

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇
3:40

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Jayneil Dalal

47,694 views • 5 months ago

This how the Shopify design team prototypes directly in code Designers using AI tools should copy this Claude Code workflow to shrink project timelines from months to just days 👀 Watch the full interview on Sneak Peek: Shout out to Carl Rivera for making this interview happen 🙏 Kazden shows how the Shopify design team uses Claude for AI prototyping 👇
1:30

This how the Shopify design team prototypes directly in code Designers using AI tools should copy this Claude Code workflow to shrink project timelines from months to just days 👀 Watch the full interview on Sneak Peek: Shout out to Carl Rivera for making this interview happen 🙏 Kazden shows how the Shopify design team uses Claude for AI prototyping 👇

Jayneil Dalal

28,525 views • 5 months ago

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇
2:57

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇

Jayneil Dalal

90,020 views • 6 months ago

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇
2:03

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

65,513 views • 6 months ago

This design manager vibe coded a Figma plugin with Claude Code in 40 mins to save $2000 per project Every designer should take an inspiration from this and leverage AI to automate boring parts of their design work 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude to create custom Figma plugins 👇
1:33

This design manager vibe coded a Figma plugin with Claude Code in 40 mins to save $2000 per project Every designer should take an inspiration from this and leverage AI to automate boring parts of their design work 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude to create custom Figma plugins 👇

Jayneil Dalal

66,181 views • 10 months ago

This is how a top designer uses Figma MCP + Cursor Every designer should copy this workflow to get 90% of the design prototype ready super quick 👀 Watch the full interview on Sneak Peek: Jeff JB shows how the Webflow design team uses Figma MCP + Cursor 👇
1:31

This is how a top designer uses Figma MCP + Cursor Every designer should copy this workflow to get 90% of the design prototype ready super quick 👀 Watch the full interview on Sneak Peek: Jeff JB shows how the Webflow design team uses Figma MCP + Cursor 👇

Jayneil Dalal

42,082 views • 9 months ago

This is how a top designer uses Claude as a design partner Every designer should copy this AI workflow to improve their designs Especially solo designers at startups or designers working on small teams because they don't have the luxury of weekly design critiques or colleagues available to give them immediate design feedback 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude as a design thought partner to improve Figma designs👇
2:35

This is how a top designer uses Claude as a design partner Every designer should copy this AI workflow to improve their designs Especially solo designers at startups or designers working on small teams because they don't have the luxury of weekly design critiques or colleagues available to give them immediate design feedback 👀 Watch the full interview on Sneak Peek: Hammed shows how the Jump design team uses Claude as a design thought partner to improve Figma designs👇

Jayneil Dalal

82,240 views • 10 months ago

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇
3:22

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

Jayneil Dalal

29,057 views • 6 months ago

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 🖤

92,220 views • 3 months ago

This is how a top design team fixes design issues in Figma before going to production The process is called "Polish Review" Before handoff to engineering Head of Design christophe ✌🏻 asks a panel of designers to nit pick visual inconsistencies in the final designs This process helps the design team ensure a certain standard of quality for anything that is shipped shows how Plaid design team runs a Polish Review in Figma 👇
2:29

This is how a top design team fixes design issues in Figma before going to production The process is called "Polish Review" Before handoff to engineering Head of Design christophe ✌🏻 asks a panel of designers to nit pick visual inconsistencies in the final designs This process helps the design team ensure a certain standard of quality for anything that is shipped shows how Plaid design team runs a Polish Review in Figma 👇

Jayneil Dalal

25,904 views • 1 year ago

This is how a designer at Slack organizes their design iterations in Figma Every designer should copy this approach and keep a daily log of their design iterations. Doesn't have to be super structured but just date and name for each design iteration Biggest benefit I see for using this approach is building trust with your design manager and stakeholders as they can go into your Figma file and visualize your progress/efforts Also scares away micro managers😉 👀 Watch the full interview on Sneak Peek: andrew gosine 🌲 shows how he organizes design iterations for Slack in Figma 👇
1:49

This is how a designer at Slack organizes their design iterations in Figma Every designer should copy this approach and keep a daily log of their design iterations. Doesn't have to be super structured but just date and name for each design iteration Biggest benefit I see for using this approach is building trust with your design manager and stakeholders as they can go into your Figma file and visualize your progress/efforts Also scares away micro managers😉 👀 Watch the full interview on Sneak Peek: andrew gosine 🌲 shows how he organizes design iterations for Slack in Figma 👇

Jayneil Dalal

120,695 views • 1 year ago

This is how a top designer at Wealthsimple uses Claude Design for high fidelity prototyping. He always starts with the ask user question tool in Claude to transfer all the design details in his head to the model for additional context. 👀 Full convo on Sneak Peek: Danny Williams shows how he uses Claude R Perrin design for prototyping at Wealthsimple👇
2:12

This is how a top designer at Wealthsimple uses Claude Design for high fidelity prototyping. He always starts with the ask user question tool in Claude to transfer all the design details in his head to the model for additional context. 👀 Full convo on Sneak Peek: Danny Williams shows how he uses Claude R Perrin design for prototyping at Wealthsimple👇

Jayneil Dalal

53,778 views • 1 month ago

Top designer at Mercury shows her agentic design explorations in Figma. Designers working on AI features should copy this and sketch how the LLM works before prototyping. 👀 Full conversation on Sneak Peek: carol shows her thought process for designing Mercury Command in Figma👇
4:02

Top designer at Mercury shows her agentic design explorations in Figma. Designers working on AI features should copy this and sketch how the LLM works before prototyping. 👀 Full conversation on Sneak Peek: carol shows her thought process for designing Mercury Command in Figma👇

Jayneil Dalal

19,651 views • 1 month ago

This is how a top brand designer uses Figma Buzz to templatize growth ads and save thousands of dollars Every brand designer should copy this workflow to speed up the handoff process between brand and marketing teams 👀 Watch the full interview: Dan Schwer shows how the Rippling brand design team uses Figma Buzz 👇
3:00

This is how a top brand designer uses Figma Buzz to templatize growth ads and save thousands of dollars Every brand designer should copy this workflow to speed up the handoff process between brand and marketing teams 👀 Watch the full interview: Dan Schwer shows how the Rippling brand design team uses Figma Buzz 👇

Jayneil Dalal

15,525 views • 7 months ago

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇
2:30

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇

Jayneil Dalal

32,437 views • 1 year ago

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)
45:17

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)

Zara Zhang

32,815 views • 2 months ago

This is how the Atlassian design team uses Good Better Best framework in Figma to maintain a high craft bar It pushes the designers to explore the best experience for the users despite the constraints like timeline and scope 👀 Watch the full interview: Jade Jiang shows how Atlassian design team uses the Good Better Best framework in Figma👇
2:07

This is how the Atlassian design team uses Good Better Best framework in Figma to maintain a high craft bar It pushes the designers to explore the best experience for the users despite the constraints like timeline and scope 👀 Watch the full interview: Jade Jiang shows how Atlassian design team uses the Good Better Best framework in Figma👇

Jayneil Dalal

182,250 views • 9 months ago