Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Designers no longer have an excuse; maintaining your interactive design systems and library with Claude + Storybook is extremely easy and a necessary responsibility of product design teams.

heyhaigh's profile picture

Ry

7,930 subscribers

74,817 görüntüleme • 7 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

v0 Design Systems 2.0 is here. Import your design system from GitHub, npm, Storybook, Figma, and more. Build with your real components, colors, fonts, and patterns.
3:01

v0 Design Systems 2.0 is here. Import your design system from GitHub, npm, Storybook, Figma, and more. Build with your real components, colors, fonts, and patterns.

v0

212,957 görüntüleme • 1 ay önce

meet claude design! A simple tool that lets designers prototype and share interactive artifacts built using code.
0:53

meet claude design! A simple tool that lets designers prototype and share interactive artifacts built using code.

nate parrott

114,521 görüntüleme • 4 ay önce

You've probably used design systems in tools like Figma or Canva. Capsule is the first product to combine the concept of design systems with a video tool that's so easy anyone can do it. Loved by teams at Hubspot, Apollo, ServiceNow, and 100+ more.
3:31

You've probably used design systems in tools like Figma or Canva. Capsule is the first product to combine the concept of design systems with a video tool that's so easy anyone can do it. Loved by teams at Hubspot, Apollo, ServiceNow, and 100+ more.

Champ 🤟🏻

19,426 görüntüleme • 2 yıl ö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 • 5 ay önce

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.
2:51

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.

Your Designer

34,979 görüntüleme • 2 yıl önce

quick take: if you have a beautiful design system created by talented designers, claude design is an excellent production tool. if you don't, well...
0:25

quick take: if you have a beautiful design system created by talented designers, claude design is an excellent production tool. if you don't, well...

claire vo 🖤

36,768 görüntüleme • 4 ay önce

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.
1:04

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.

Abraham John 🦄🦓

40,935 görüntüleme • 1 yıl önce

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,539 görüntüleme • 1 yıl önce

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers
0:51

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

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

Claude is actually a beast for web design. this guy just dropped a full guide on how to design and build interactive animated 3D websites with Claude Code watch the video and read the full guidelines on the article below
13:31

Claude is actually a beast for web design. this guy just dropped a full guide on how to design and build interactive animated 3D websites with Claude Code watch the video and read the full guidelines on the article below

Rahul

60,810 görüntüleme • 8 gün önce

Created a personal AI dashboard with Claude Fable 5! This entire dashboard is a one shot using my design style on Claude Design. It has a bunch of active widgets that are interactive.
0:28

Created a personal AI dashboard with Claude Fable 5! This entire dashboard is a one shot using my design style on Claude Design. It has a bunch of active widgets that are interactive.

FHILY👑

28,094 görüntüleme • 2 ay önce

Building CRED garage has been an incredible pursuit for us at Design Mafia and we had a great time crafting it. It’s the culmination of some incredible collaboration between product, business, engineering, product design, brand marketing, brand design, creative and motion design teams. CRED garage is rolling out from today to our members. Do check out
1:00

Building CRED garage has been an incredible pursuit for us at Design Mafia and we had a great time crafting it. It’s the culmination of some incredible collaboration between product, business, engineering, product design, brand marketing, brand design, creative and motion design teams. CRED garage is rolling out from today to our members. Do check out

Harish

35,899 görüntüleme • 2 yıl önce

Karri Saarinen (Karri Saarinen), co-founder and CEO of Linear, was the first designer at Coinbase and a lead designer at Airbnb. On Design Review with YC's Aaron Epstein, he shares how his design background shaped Linear's product philosophy, why quality and craft matter from day one, what founders should look for when hiring, and how AI is changing the way teams build. 02:00 – Lessons learned from YC, Coinbase, and Airbnb 06:00 – Building trust through brand and design 08:24 – Linear’s brand: craft, quality, and authenticity 10:40 – Why sales is part of the brand experience 13:10 – Shipping fast without losing quality 17:18 – Hiring for product taste and judgment 19:28 – Superpowers of designers as founders 21:12 – Advice for designers considering founding a startup 23:26 – Why founders should care about design from day one 25:24 – Tips for creating products that stand out 28:24 – Balancing creative freedom with shipping timelines 28:56 – How AI is changing design and product work 30:44 – Why AI won’t replace designers (and what shifts to expect) 32:44 – The future of product and design teams with AI
35:48

Karri Saarinen (Karri Saarinen), co-founder and CEO of Linear, was the first designer at Coinbase and a lead designer at Airbnb. On Design Review with YC's Aaron Epstein, he shares how his design background shaped Linear's product philosophy, why quality and craft matter from day one, what founders should look for when hiring, and how AI is changing the way teams build. 02:00 – Lessons learned from YC, Coinbase, and Airbnb 06:00 – Building trust through brand and design 08:24 – Linear’s brand: craft, quality, and authenticity 10:40 – Why sales is part of the brand experience 13:10 – Shipping fast without losing quality 17:18 – Hiring for product taste and judgment 19:28 – Superpowers of designers as founders 21:12 – Advice for designers considering founding a startup 23:26 – Why founders should care about design from day one 25:24 – Tips for creating products that stand out 28:24 – Balancing creative freedom with shipping timelines 28:56 – How AI is changing design and product work 30:44 – Why AI won’t replace designers (and what shifts to expect) 32:44 – The future of product and design teams with AI

Y Combinator

77,233 görüntüleme • 10 ay önce

Your brand deserves a pro touch—with X-Design, the #1 Product of the Day on Product Hunt. X-Design has evolved into an AI brand design agent. Create logos, colors, posters, menus, and more—all consistent, all in minutes
1:22

Your brand deserves a pro touch—with X-Design, the #1 Product of the Day on Product Hunt. X-Design has evolved into an AI brand design agent. Create logos, colors, posters, menus, and more—all consistent, all in minutes

Tulsi Soni

455,075 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

Design is overrated by designers. This hard truth is 90% of designers are failed by the existing design education—design is more than just Figma, tools or processes you learn, or think you know. I interviewed Don Norman in an honest conversation (that has now gone viral). It's a fallacy that designers only need to focus on design; business knowledge is too important. Don discussed with me: Design education needs to change to focus on broader skills and design thinking, they often lack the understanding of how the world works and are only trained with an art basis. Understanding business operations and economics is crucial for making a difference in the world. What are your 2c on this?
1:52

Design is overrated by designers. This hard truth is 90% of designers are failed by the existing design education—design is more than just Figma, tools or processes you learn, or think you know. I interviewed Don Norman in an honest conversation (that has now gone viral). It's a fallacy that designers only need to focus on design; business knowledge is too important. Don discussed with me: Design education needs to change to focus on broader skills and design thinking, they often lack the understanding of how the world works and are only trained with an art basis. Understanding business operations and economics is crucial for making a difference in the world. What are your 2c on this?

Felix Lee

22,184 görüntüleme • 2 yıl önce

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.
0:20

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

Guido Rosso

59,850 görüntüleme • 1 yıl önce

Achieving Midnight's iconic look required an extremely collaborative approach between our design and engineering teams. Archer CTO, Tom Muniz, and VP of Design & Innovation, Julien Montousse, discuss the approach and process that led to the final design.
4:44

Achieving Midnight's iconic look required an extremely collaborative approach between our design and engineering teams. Archer CTO, Tom Muniz, and VP of Design & Innovation, Julien Montousse, discuss the approach and process that led to the final design.

Archer

98,115 görüntüleme • 1 yıl önce

Launching my newest AI product: 🏠✨ Restyle your room and generate interior design ideas. Powerful AI with an intuitive interface that's easy-to-use for both home owners and interior design professionals. Try for free:
0:37

Launching my newest AI product: 🏠✨ Restyle your room and generate interior design ideas. Powerful AI with an intuitive interface that's easy-to-use for both home owners and interior design professionals. Try for free:

Marc Köhlbrugge

229,016 görüntüleme • 3 yıl önce