Loading video...

Video Failed to Load

Go Home

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

jayneil's profile picture

Jayneil Dalal

12,868 subscribers

66,389 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

5 Comments

Quadri Morin's profile picture
Quadri Morin1 year ago

this is interesting

Jayneil Dalal's profile picture
Jayneil Dalal1 year ago

🙏

Mastro's profile picture
Mastro10 months ago

I also vibe-coded a Figma plugin called "Class Action" at the beginning of this year. It basically let you manage layer names as CSS classes, which is similar to how Webflow does it. No more Frame 139383948! Check it out:

Conor Woods's profile picture
Conor Woods1 year ago

I'd love to know why they used Figma Design to make their slides and not Figma Slides. Is Slides missing something?

Jayneil Dalal's profile picture
Jayneil Dalal1 year ago

Paging @hammedk who can better answer this q 🙂

Related Videos

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 • 1 year 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 • 8 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 • 1 year 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 • 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 👇
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

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

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 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 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 • 8 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

AI native designer at Wealthsimple shows his daily tool stack: Claude Design - Exploring design concepts Paper - Co designing with Claude Conductor - Managing worktrees & doing multiple things at once Claude Code - Shipping PRs Mobbin - UI inspiration & industry best practices Cosmos - Design inspiration Wispr Flow - AI dictation CleanShot - Sharing screenshots with stakeholders 👀 Full convo on Sneak Peek: Danny Williams shows how he uses different AI tools to design Wealthsimple 👇
5:34

AI native designer at Wealthsimple shows his daily tool stack: Claude Design - Exploring design concepts Paper - Co designing with Claude Conductor - Managing worktrees & doing multiple things at once Claude Code - Shipping PRs Mobbin - UI inspiration & industry best practices Cosmos - Design inspiration Wispr Flow - AI dictation CleanShot - Sharing screenshots with stakeholders 👀 Full convo on Sneak Peek: Danny Williams shows how he uses different AI tools to design Wealthsimple 👇

Jayneil Dalal

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

Designer at Vercel shows why it's a bad idea to walkthrough Figma files during a portfolio review Zooming in an and out of your Figma files makes it very hard for the hiring manager to follow along Instead it's a better idea to show key design screens and just talk about it 👀 Watch the full interview on Sneak Peek: Tom Johnson shows why he didn't walkthrough his Figma design files during the portfolio review with Vercel👇
1:22

Designer at Vercel shows why it's a bad idea to walkthrough Figma files during a portfolio review Zooming in an and out of your Figma files makes it very hard for the hiring manager to follow along Instead it's a better idea to show key design screens and just talk about it 👀 Watch the full interview on Sneak Peek: Tom Johnson shows why he didn't walkthrough his Figma design files during the portfolio review with Vercel👇

Jayneil Dalal

91,528 views • 7 months ago

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇
2:01

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇

Jayneil Dalal

53,391 views • 1 year 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