Loading video...

Video Failed to Load

Go Home

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

jayneil's profile picture

Jayneil Dalal

12,514 subscribers

65,513 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 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 • 7 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 • 8 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 • 7 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 • 6 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 • 11 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 • 7 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 • 11 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 👇
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 • 9 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

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 • 7 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,389 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

58,299 views • 2 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 shows how she uses different AI tools to design Chronicle 👇
1:53

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 shows how she uses different AI tools to design Chronicle 👇

Jayneil Dalal

41,619 views • 6 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 👇
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 • 9 months 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

20,539 views • 3 months ago

This is how a designer at Mercury does agentic design. Designers building agentic products should copy this design principle. Make users confirm in a deterministic way before any money movement happens. 👀 Full conversation on Sneak Peek: carol shows her thought process for designing Mercury's agentic features👇
3:00

This is how a designer at Mercury does agentic design. Designers building agentic products should copy this design principle. Make users confirm in a deterministic way before any money movement happens. 👀 Full conversation on Sneak Peek: carol shows her thought process for designing Mercury's agentic features👇

Jayneil Dalal

18,496 views • 3 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👇
1:57

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

38,451 views • 9 months ago

This is how a Head of Design uses Figma to do design onboarding for new product managers, engineers Design onboarding is a brilliant process to coach product, engineering on how to work best with designers and reduce friction Adam Storr shows he uses Figma to do design onboarding for new PMs, engineers at Hex
3:30

This is how a Head of Design uses Figma to do design onboarding for new product managers, engineers Design onboarding is a brilliant process to coach product, engineering on how to work best with designers and reduce friction Adam Storr shows he uses Figma to do design onboarding for new PMs, engineers at Hex

Jayneil Dalal

32,664 views • 1 year 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👇
3:19

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 • 1 year ago