Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Jayneil Dalal

11,631 subscribers

28,525 views • 3 months ago •via X (Twitter)

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 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 👇

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 • 4 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👇

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,573 views • 3 months ago

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 👇

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 • 5 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 👇

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

65,907 views • 8 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👇

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,089 views • 8 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 👇

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

89,213 views • 4 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 👇

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 • 3 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 👇

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,304 views • 4 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 👇

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 • 4 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 👇

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 • 10 months ago

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 should be done much later in the process after stakeholder alignment 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 uses Magic Patterns for stakeholder alignment👇

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 should be done much later in the process after stakeholder alignment 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 uses Magic Patterns for stakeholder alignment👇

Jayneil Dalal

37,921 views • 5 months ago

AI designer at a top early stage startup shows her daily tool stack: Cursor - Editing live code Figma Make - Prototyping Claude - Getting feedback on the work FLORA © - Stellar image generation Mobbin - Design Inspiration Warp - Terminal of choice Granola - Capture every single conversation 👀 Full conversation on Sneak Peek: Claire Taylor shows how she uses different AI tools to design Chronicle 👇

AI designer at a top early stage startup shows her daily tool stack: Cursor - Editing live code Figma Make - Prototyping Claude - Getting feedback on the work FLORA © - Stellar image generation Mobbin - Design Inspiration Warp - Terminal of choice Granola - Capture every single conversation 👀 Full conversation on Sneak Peek: Claire Taylor shows how she uses different AI tools to design Chronicle 👇

Jayneil Dalal

39,971 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👇

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

181,830 views • 7 months 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 👇

Jayneil Dalal

15,525 views • 5 months ago

Claude Code + Shopify AI is f*cking cracked 🤯 Shopify just dropped an official AI Toolkit that connects Claude Code directly to your store. One prompt → Claude reads your products, rewrites your descriptions for AI shopping, and pushes the updates live. All from the terminal. All inside Claude Code. Perfect for DTC brands on Shopify who are still manually editing product pages, writing descriptions in Google Docs, and copy-pasting into the Shopify admin one product at a time. Claude Code + the Shopify AI Toolkit fixes the entire workflow: → Install the official Shopify plugin in Claude Code → Authenticate to your store → Claude reads your entire product catalog → Rewrites every description to be optimized for AI shopping → Pushes the updates directly to your store automatically → Validates every API call against Shopify's official docs before executing No Shopify admin tab-switching. No copy-pasting from a Google Doc. No hiring a copywriter to rewrite 50 product pages. What you get: → Claude Code connected directly to your live Shopify store → Product descriptions optimized for how ChatGPT, Gemini, and Perplexity recommend products → Bulk updates across your entire catalog from a single prompt → Full access to Shopify's GraphQL API — products, themes, inventory, orders, everything Claude can read and write → An official plugin built by Shopify that auto-updates as new features ship I put together a full playbook with the plugin install, the store authentication walkthrough, 5 DTC workflows to run on day one, and the exact prompts I used. Want it for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Claude Code + Shopify AI is f*cking cracked 🤯 Shopify just dropped an official AI Toolkit that connects Claude Code directly to your store. One prompt → Claude reads your products, rewrites your descriptions for AI shopping, and pushes the updates live. All from the terminal. All inside Claude Code. Perfect for DTC brands on Shopify who are still manually editing product pages, writing descriptions in Google Docs, and copy-pasting into the Shopify admin one product at a time. Claude Code + the Shopify AI Toolkit fixes the entire workflow: → Install the official Shopify plugin in Claude Code → Authenticate to your store → Claude reads your entire product catalog → Rewrites every description to be optimized for AI shopping → Pushes the updates directly to your store automatically → Validates every API call against Shopify's official docs before executing No Shopify admin tab-switching. No copy-pasting from a Google Doc. No hiring a copywriter to rewrite 50 product pages. What you get: → Claude Code connected directly to your live Shopify store → Product descriptions optimized for how ChatGPT, Gemini, and Perplexity recommend products → Bulk updates across your entire catalog from a single prompt → Full access to Shopify's GraphQL API — products, themes, inventory, orders, everything Claude can read and write → An official plugin built by Shopify that auto-updates as new features ship I put together a full playbook with the plugin install, the store authentication walkthrough, 5 DTC workflows to run on day one, and the exact prompts I used. Want it for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

112,594 views • 2 months ago

This is how the entire Firefox design team work out of just 1 Figma file 🤯 It solves the biggest issue on design teams - what is everyone working on? I have worked on design teams where designers had no clue what others were working on This approach also eliminates the need for weekly 1 hour standups where everyone has to present what they are working on 👀 Watch the full interview on Sneak Peek: topotropic 👉🏻 @topotropic@publicidentity.net shows how Firefox 🔥 design team works out of a single Figma file👇

This is how the entire Firefox design team work out of just 1 Figma file 🤯 It solves the biggest issue on design teams - what is everyone working on? I have worked on design teams where designers had no clue what others were working on This approach also eliminates the need for weekly 1 hour standups where everyone has to present what they are working on 👀 Watch the full interview on Sneak Peek: topotropic 👉🏻 @[email protected] shows how Firefox 🔥 design team works out of a single Figma file👇

Jayneil Dalal

19,965 views • 9 months ago

Introducing A video editor I built from scratch using Claude AI. This took 3 months and over 50k lines of code. I totally skipped design and went straight to code. Currently in early access. You can test out the AI tools with a free account.

Introducing A video editor I built from scratch using Claude AI. This took 3 months and over 50k lines of code. I totally skipped design and went straight to code. Currently in early access. You can test out the AI tools with a free account.

Meng To

504,985 views • 1 year ago

how to build banger funnels on Google 1. Claude generates 5 headlines 2. you pick the best one 3. Claude design creates the full advertorial 4. send design to Manus 5. Manus builds it into your Shopify theme I'm using this to speed up testing & build funnels for Google clients in hours game changer comment 'DESIGN' if you want the full Loom

how to build banger funnels on Google 1. Claude generates 5 headlines 2. you pick the best one 3. Claude design creates the full advertorial 4. send design to Manus 5. Manus builds it into your Shopify theme I'm using this to speed up testing & build funnels for Google clients in hours game changer comment 'DESIGN' if you want the full Loom

Max Wobst

15,840 views • 2 months ago

In March 2025, Dario Amodei said that “In 12 months, AI [may be] writing essentially all of the code.” 9 months later, Anthropic released Claude Codework (the team gave plans and design, but Claude generated all the code in 10 days). From here, Amodei says the programmer’s role is to set specifications for the AI: ▫️What are the conditions of what you’re doing? ▫️What is the overall app you’re trying to make? ▫️What’s the overall design decision? How do we collaborate with other code that’s been written? ▫️How do we have some common sense on whether [this] is a secure design or an insecure design? But he ultimately believes Claude will automate all of that too.

In March 2025, Dario Amodei said that “In 12 months, AI [may be] writing essentially all of the code.” 9 months later, Anthropic released Claude Codework (the team gave plans and design, but Claude generated all the code in 10 days). From here, Amodei says the programmer’s role is to set specifications for the AI: ▫️What are the conditions of what you’re doing? ▫️What is the overall app you’re trying to make? ▫️What’s the overall design decision? How do we collaborate with other code that’s been written? ▫️How do we have some common sense on whether [this] is a secure design or an insecure design? But he ultimately believes Claude will automate all of that too.

Bearly AI

153,981 views • 5 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:

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,880 views • 1 month ago