--- title: Design with AI - Full Guide (Tools, Workflows, Design... description: AI WORKFLOWS & MORE: https://uicollective.co/ Follow me on X: https://x.com/KirkMDesign Learn design systems: https://youtu.be/lsgVRCJ4fko Learn how to use... canonical: https://daily.dev/posts/design-with-ai---full-guide-tools-workflows-design-systems--t7mjmaofs twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Design with AI - Full Guide (Tools, Workflows, Design Systems) | daily.dev og:description: AI WORKFLOWS & MORE: https://uicollective.co/ Follow me on X: https://x.com/KirkMDesign Learn design systems: https://youtu.be/lsgVRCJ4fko Learn how to use... og:url: https://daily.dev/posts/design-with-ai---full-guide-tools-workflows-design-systems--t7mjmaofs og:image: https://api.daily.dev/og/posts/t7MJMaOfs.png og:image:alt: Design with AI - Full Guide (Tools, Workflows, Design Systems) og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Design with AI - Full Guide (Tools, Workflows, Design Systems) **[YouTube](https://daily.dev/sources/youtube)** · 111 min read · 1 upvotes · 0 comments ## Summary AI WORKFLOWS & MORE: https://uicollective.co/ Follow me on X: https://x.com/KirkMDesign Learn design systems: https://youtu.be/lsgVRCJ4fko Learn how to use AI for UI/UX design with Claude, Claude Code, Grok, Google Antigravity, and OpenAI Codex. This complete AI design tutorial covers tools, workflows, AI skills, Figma design systems, and interactive prototyping to help you bring AI into your product design process. 🔗 OTHER VIDEOS TO WATCH Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow Build a Design System (Full Course): https://youtu.be/opTANvl9G1g Train Claude on Your Design System: https://youtu.be/VezxOhvoXqU Design to Developer Handoff: https://youtu.be/ALkqhXv0GPk Multi-Brand Design System Setup: https://youtu.be/EyeO-yWSkYE Use AI Like a Senior Designer: https://youtu.be/Oo-5AWdQAt8 🔗 MORE LINKS We help enterprises make their Design Systems AI ready: https://designsystemlabs.co/ Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective Need a design system? (also included in the academy): https://collectivekit.co/ kirkland@uicollective.co Google Antigravity: https://antigravity.google/ Paper Design: https://paper.design/ Higgsfield AI: https://higgsfield.ai/ 1:00 Designers are moving towards Design Engineer 2:24 What designing with AI is all about 6:09 Expectation of designers in the AI era 9:51 Token and time based generation experiment 10:27 The prompt we’ll use 12:34 Comparing AI outputs 17:04 AI platform does not equal AI model 18:19 Google Stitch and Figma AI warning 23:06 Designing in an AI Canvas with Paper 28:21 Using AI for iteration and experimentation 30:05 Using Claude Design for low-fidelity designs 31:33 Using Mobbin for design research 34:12 Using Mobbin for client deliverables 38:44 Figma Community Skills 41:30 Turning our design direction into a Claude skill 43:10 Generating a design with our aspirational skill 45:44 My common Ai design processes 48:48 Quick exploration with Chat GPT 51:10 Exploration with Grok 55:44 Prototyping with Google Antigravity 59:09 Testing the user experience with AI 1:02:04 Making our AI output follow our design system with Claude 1:05:34 Using AI for design documentation 1:07:07 Using a skill for documentation consistency 1:09:39 Anthropic’s general design skills 1:10:49 Running an accessibility audit 1:12:28 Design system drift Figma skill 1:14:34 Connecting Ai to our design system 1:15:19 Design system rules and technical debt 1:18:17 Design tokens and Figma variables 1:22:23 Design system components 1:25:04 Type styles AI skill 1:26:36 Testing out skill 1:28:29 Can AI build you a design system? 1:40:58 Building interactive user experiences with AI 1:41:57 Getting started with Higgsfield AI 1:44:09 Asset generation 1:46:47 Building the user interaction ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- [View this post on daily.dev](https://daily.dev/posts/design-with-ai---full-guide-tools-workflows-design-systems--t7mjmaofs) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Design with AI - Full Guide (Tools, Workflows, Design Systems)","url":"https://daily.dev/posts/design-with-ai---full-guide-tools-workflows-design-systems--t7mjmaofs","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/design-with-ai---full-guide-tools-workflows-design-systems--t7mjmaofs"},"datePublished":"2026-09-28T21:21:59.723Z","dateModified":"2026-09-28T23:09:06.809Z","description":"AI WORKFLOWS & MORE: https://uicollective.co/ \nFollow me on X: https://x.com/KirkMDesign\nLearn design systems: https://youtu.be/lsgVRCJ4fko\n\nLearn how to use...","image":"https://i.ytimg.com/vi/r-MPiu0E4W4/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/r-MPiu0E4W4/sddefault.jpg","isAccessibleForFree":true,"articleSection":"YouTube","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"YouTube","logo":"https://media.daily.dev/image/upload/s--W5zMumpP--/f_auto/v1725350181/logos/youtube","url":"https://daily.dev/sources/youtube"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/design-with-ai---full-guide-tools-workflows-design-systems--t7mjmaofs","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"","timeRequired":"PT111M","video":{"@type":"VideoObject","name":"Design with AI - Full Guide (Tools, Workflows, Design Systems)","description":"AI WORKFLOWS & MORE: https://uicollective.co/ \nFollow me on X: https://x.com/KirkMDesign\nLearn design systems: https://youtu.be/lsgVRCJ4fko\n\nLearn how to use...","thumbnailUrl":"https://i.ytimg.com/vi/r-MPiu0E4W4/sddefault.jpg","uploadDate":"2026-09-28T21:21:59.723Z","duration":"PT111M","url":"https://api.daily.dev/r/t7MJMaOfs","embedUrl":"https://www.youtube.com/embed/r-MPiu0E4W4"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"YouTube","item":"https://daily.dev/sources/youtube"},{"@type":"ListItem","position":3,"name":"Design with AI - Full Guide (Tools, Workflows, Design Systems)"}]} ```