Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

jayneil's profile picture

Jayneil Dalal

12,669 subscribers

100,540 görüntüleme • 7 gün önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

50,809 görüntüleme • 10 gün önce

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,416 görüntüleme • 3 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 4 ay önce

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

37,921 görüntüleme • 6 ay önce

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 görüntüleme • 18 gün önce

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:
0:35

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:

Jason Zhou

33,290 görüntüleme • 5 ay önce

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 görüntüleme • 11 ay önce

How to Make An Entire iOS App That Doesn't Look Like AI Slop (1 Hour Full Walkthrough) Let's go through how to use Claude Code, Claude Design, Seedance 2.0, GPT Image 2.0 and a few other tools to make sure this iOS app is as far from AI slop as possible while also having a completely functioning backend with pay walls 00:00 Building an App Overview 01:19 How I Made Merl in One Week 03:16 Market Research for Ideas 07:04 Choosing the Wrapper Concept 08:51 Pinterest UI Inspiration 11:16 Define Style + Mascot Plan 12:00 Create Mascots in GPT Image 2.0 17:04 Animate Mascots with Seedance 2.0 (!!) 23:41 Design Onboarding in Claude Design 29:01 Getting Some API Keys 30:35 Onboarding Video Choices 32:30 Build Full App Screens on Claude Design 33:28 Setup Supabase + Railway 35:31 Claude Code GitHub Setup 38:57 Multi Terminal + Simulator Workflow 43:17 Fixing Errors 44:00 Backend Keys Integration 46:23 Landing Page Generation 53:52 Test Generation 57:40 RevenueCat + Pricing Strategy 01:00:54 Final Wrap
1:01:51

How to Make An Entire iOS App That Doesn't Look Like AI Slop (1 Hour Full Walkthrough) Let's go through how to use Claude Code, Claude Design, Seedance 2.0, GPT Image 2.0 and a few other tools to make sure this iOS app is as far from AI slop as possible while also having a completely functioning backend with pay walls 00:00 Building an App Overview 01:19 How I Made Merl in One Week 03:16 Market Research for Ideas 07:04 Choosing the Wrapper Concept 08:51 Pinterest UI Inspiration 11:16 Define Style + Mascot Plan 12:00 Create Mascots in GPT Image 2.0 17:04 Animate Mascots with Seedance 2.0 (!!) 23:41 Design Onboarding in Claude Design 29:01 Getting Some API Keys 30:35 Onboarding Video Choices 32:30 Build Full App Screens on Claude Design 33:28 Setup Supabase + Railway 35:31 Claude Code GitHub Setup 38:57 Multi Terminal + Simulator Workflow 43:17 Fixing Errors 44:00 Backend Keys Integration 46:23 Landing Page Generation 53:52 Test Generation 57:40 RevenueCat + Pricing Strategy 01:00:54 Final Wrap

ashen

69,852 görüntüleme • 2 ay önce

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇
0:40

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇

Daniel San

62,057 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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,074 görüntüleme • 2 ay önce

THIS IS HOW A SENIOR ENGINEER ACTUALLY SCALES THEMSELVES WITH CLAUDE CODE the biggest change with AI isn't coding faster. it's where you actually spend your time now. more detailed prompts, more code review, more planning, less typing, etc. here's the workflow: this guy has been shipping code since the days of cgi and perl. he uses a compound engineering plugin that runs 5 separate agents on every task. one brainstorms, one plans the technical implementation, one executes, one reviews, one checks different verticals. every step is documented in markdown files. it's slow and way more waiting. but the output quality is way higher because each agent is focused on one thing. then the REAL multiplier is in git worktrees if Claude Code made you 10x faster, worktrees multiplies that again depending on how many agents you can manage in parallel his team runs 4-8 Claude Code sessions at the same time across different worktrees with each one working on a separate task. the skill is managing multiple AI agents in parallel without losing track, that's the next evolution of engineering
0:56

THIS IS HOW A SENIOR ENGINEER ACTUALLY SCALES THEMSELVES WITH CLAUDE CODE the biggest change with AI isn't coding faster. it's where you actually spend your time now. more detailed prompts, more code review, more planning, less typing, etc. here's the workflow: this guy has been shipping code since the days of cgi and perl. he uses a compound engineering plugin that runs 5 separate agents on every task. one brainstorms, one plans the technical implementation, one executes, one reviews, one checks different verticals. every step is documented in markdown files. it's slow and way more waiting. but the output quality is way higher because each agent is focused on one thing. then the REAL multiplier is in git worktrees if Claude Code made you 10x faster, worktrees multiplies that again depending on how many agents you can manage in parallel his team runs 4-8 Claude Code sessions at the same time across different worktrees with each one working on a separate task. the skill is managing multiple AI agents in parallel without losing track, that's the next evolution of engineering

Om Patel

159,179 görüntüleme • 3 ay önce

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).
18:30

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).

JJ Englert

32,445 görüntüleme • 3 ay önce

Mercury's Command is probably the best designed agentic experience out there. Their design team sweats the smallest details. Take agent states for example. Most agentic products just display in plain text that the agent is thinking. But Mercury design team asked a different question. How do you know a human is thinking? Nobody narrates their thoughts. You can just tell from their eyes. So they built the LLM version of that. One shimmering line flipping through what the agent is doing at that moment. 👀 Full convo on Sneak Peek: carol shows her thought process for designing Mercury Command agent states in Figma👇
3:16

Mercury's Command is probably the best designed agentic experience out there. Their design team sweats the smallest details. Take agent states for example. Most agentic products just display in plain text that the agent is thinking. But Mercury design team asked a different question. How do you know a human is thinking? Nobody narrates their thoughts. You can just tell from their eyes. So they built the LLM version of that. One shimmering line flipping through what the agent is doing at that moment. 👀 Full convo on Sneak Peek: carol shows her thought process for designing Mercury Command agent states in Figma👇

Jayneil Dalal

11,123 görüntüleme • 15 gün önce