I Used Claude Design for UX/UI - What Designers Should Know
Claude Design has only been out for a few days, but I tried it on a real UX/UI project and here's how I'm using it so far.
In this video, I'll show you how to generate and/or use your own Design System, how to create wireframe flows and a high-fidelity mobile app designs and then hand it all off to Claude Code!
⏰ TIMESTAMPS:
00:00 - Intro
00:30 - Setting up a Design System
02:00 - Reviewing your Design System
03:18 - Generating Mobile Wireframes
03:50 - UX and Logic planning
05:41 - Wireflows
06:35 - Applying your Design System
07:54 - Final App Prototype
08:32 - Claude Design vs Claude Code
08:57 - Handoff to Claude Code
🎥 WHAT TO WATCH NEXT
→ AI Tools for Designers | https://youtu.be/NGEkAwIjJHQ
→ Figma Tutorials | https://youtube.com/shorts/-blGuzkomWM
📚 PRODUCT DESIGN (UX/UI) COURSE (⭐️ 500+ Happy Students!)
⊚ Enroll Now | https://designerup.co/product-design-ui-ux-course?utm_source=youtube&utm_medium=link
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Mobbin | https://go.designerup.co/mobbin
⊚ Figma | https://go.designerup.co/figma
⊚ ProtoPie | https://go.designerup.co/protopie
⊚ Miro | https://go.designerup.co/miro
⊚ Notion | https://go.designerup.co/notion
⊚ Framer | https://go.designerup.co/framer
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | https://designerup.co/ui-design-crash-course
⊚ Newsletter | https://designerup.co/newsletter
⊚ Live Webinars | https://designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | https://designerup.co/blog
🥰 JOIN OUR NEWSLETTER COMMUNITY
⊚ DesignerUp Newsletter | https://designerup.co/newsletter
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ Youtube creator
⊚ Author
💬 CONNECT WITH US
⊚ Twitter | https://twitter.com/designerupco
⊚ Instagram | https://www.instagram.com/designerupco
⊚ Facebook | https://www.facebook.com/designerupco
⊚ LinkedIn | https://www.linkedin.com/company/designerupco
⊚ Pinterest | https://www.pinterest.com/designerupco
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co
In this video, I'll show you how to generate and/or use your own Design System, how to create wireframe flows and a high-fidelity mobile app designs and then hand it all off to Claude Code!
⏰ TIMESTAMPS:
00:00 - Intro
00:30 - Setting up a Design System
02:00 - Reviewing your Design System
03:18 - Generating Mobile Wireframes
03:50 - UX and Logic planning
05:41 - Wireflows
06:35 - Applying your Design System
07:54 - Final App Prototype
08:32 - Claude Design vs Claude Code
08:57 - Handoff to Claude Code
🎥 WHAT TO WATCH NEXT
→ AI Tools for Designers | https://youtu.be/NGEkAwIjJHQ
→ Figma Tutorials | https://youtube.com/shorts/-blGuzkomWM
📚 PRODUCT DESIGN (UX/UI) COURSE (⭐️ 500+ Happy Students!)
⊚ Enroll Now | https://designerup.co/product-design-ui-ux-course?utm_source=youtube&utm_medium=link
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Mobbin | https://go.designerup.co/mobbin
⊚ Figma | https://go.designerup.co/figma
⊚ ProtoPie | https://go.designerup.co/protopie
⊚ Miro | https://go.designerup.co/miro
⊚ Notion | https://go.designerup.co/notion
⊚ Framer | https://go.designerup.co/framer
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | https://designerup.co/ui-design-crash-course
⊚ Newsletter | https://designerup.co/newsletter
⊚ Live Webinars | https://designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | https://designerup.co/blog
🥰 JOIN OUR NEWSLETTER COMMUNITY
⊚ DesignerUp Newsletter | https://designerup.co/newsletter
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ Youtube creator
⊚ Author
💬 CONNECT WITH US
⊚ Twitter | https://twitter.com/designerupco
⊚ Instagram | https://www.instagram.com/designerupco
⊚ Facebook | https://www.facebook.com/designerupco
⊚ LinkedIn | https://www.linkedin.com/company/designerupco
⊚ Pinterest | https://www.pinterest.com/designerupco
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co