Loading video...

Video Failed to Load

Go Home

Can Claude Learn Your Design Workflow? There is a GitHub library called Awesome Claude Skills with over 32000 stars. Developers are building workflows for tools like Figma, Webflow, Canva and design systems. You do not need to write code to use it. You need to explain how you work....

zerotoui's profile picture

02ui.com

9,239 subscribers

28,800 views • 8 months ago •via TikTok

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Claude Skills is the most powerful way to automate your life with AI. Any computer task you do regularly can be built into a workflow that runs exactly how you want it. This video will teach you how to master Claude Skills. (and change how you use Claude forever):
20:41

Claude Skills is the most powerful way to automate your life with AI. Any computer task you do regularly can be built into a workflow that runs exactly how you want it. This video will teach you how to master Claude Skills. (and change how you use Claude forever):

Miles Deutscher

68,215 views • 7 months ago

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.
12:14

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

114,229 views • 5 months ago

You don’t need to build a humanoid robot from scratch to start exploring robotics. This open source robot is available on GitHub. You can study the design explore the code and see how the different parts work together. For robotics enthusiasts and developers projects like this are a great way to learn by building. The best part? You can start with what the community has already shared. Would you build your own version?
1:22

You don’t need to build a humanoid robot from scratch to start exploring robotics. This open source robot is available on GitHub. You can study the design explore the code and see how the different parts work together. For robotics enthusiasts and developers projects like this are a great way to learn by building. The best part? You can start with what the community has already shared. Would you build your own version?

Techniahqrobot | humanoid robots

14,831 views • 26 days ago

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity ​why is this different? ​official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting ​imagine this: - ​prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - ​zero click management: auto layout, component creation, deduplication handled by prompt - ​universal control: if you can do it in figma, it can do it for you ​the impact ​if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced ​full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »
0:48

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity ​why is this different? ​official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting ​imagine this: - ​prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - ​zero click management: auto layout, component creation, deduplication handled by prompt - ​universal control: if you can do it in figma, it can do it for you ​the impact ​if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced ​full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

Aurelien

79,132 views • 9 months ago

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later
0:23

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later

klöss

101,990 views • 7 months ago

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:
0:59

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

551,580 views • 3 years ago

Skill issue. Literally. Claude can build you world class designs, but you need a system that works. First, you need to give it a reference design. Go to Behance, Dribbble, awwards, or mobbin. design and pick a few websites you like. Screenshot and send it to Claude, and ask it to identify the patterns that stand out in each. Next is skills. Install the following skills into your claude code 1. /Taste 2. /emil-kowalski 3. /Impeccable 4. /apple-design-hig The last one is a personal fork of the popular /apple-design skill. That's how you build websites that look like this: And I shared all this skills on my free AI class over the weekend. Comment below if you want the Notion doc, and I'll send it to you.
1:03

Skill issue. Literally. Claude can build you world class designs, but you need a system that works. First, you need to give it a reference design. Go to Behance, Dribbble, awwards, or mobbin. design and pick a few websites you like. Screenshot and send it to Claude, and ask it to identify the patterns that stand out in each. Next is skills. Install the following skills into your claude code 1. /Taste 2. /emil-kowalski 3. /Impeccable 4. /apple-design-hig The last one is a personal fork of the popular /apple-design skill. That's how you build websites that look like this: And I shared all this skills on my free AI class over the weekend. Comment below if you want the Notion doc, and I'll send it to you.

Favour is locked in.

117,001 views • 1 month ago

you need a canvas to think. so do your agents. so i built one. this is the agentic design workstation, and how to add it to your workflow:
0:45

you need a canvas to think. so do your agents. so i built one. this is the agentic design workstation, and how to add it to your workflow:

Putri Karunia

22,875 views • 29 days ago

Claude Architect Certification: Build Production AI Systems The Claude Architect Certification is the gold standard for developers who want to design, build, and deploy production-grade AI systems using Claude. This video covers everything you need to know to get certified — and why it matters. We break down the core competencies: system design with Claude, multi-agent orchestration, tool use patterns, safety guardrails, and production deployment. Whether you're aiming for the certification or just want to level up your Claude architecture skills, this is the definitive guide. Key topics: - What the Claude Architect Certification covers - Core skills: system prompt design, tool use, multi-agent patterns - How to structure complex AI workflows for production - Safety and alignment considerations at scale - Real-world architecture patterns used by top AI teams If you're building serious AI products with Claude, certification is how you prove — and sharpen — your skills. #ClaudeAI #AIArchitect #AIEngineering
5:51

Claude Architect Certification: Build Production AI Systems The Claude Architect Certification is the gold standard for developers who want to design, build, and deploy production-grade AI systems using Claude. This video covers everything you need to know to get certified — and why it matters. We break down the core competencies: system design with Claude, multi-agent orchestration, tool use patterns, safety guardrails, and production deployment. Whether you're aiming for the certification or just want to level up your Claude architecture skills, this is the definitive guide. Key topics: - What the Claude Architect Certification covers - Core skills: system prompt design, tool use, multi-agent patterns - How to structure complex AI workflows for production - Safety and alignment considerations at scale - Real-world architecture patterns used by top AI teams If you're building serious AI products with Claude, certification is how you prove — and sharpen — your skills. #ClaudeAI #AIArchitect #AIEngineering

Gorai

47,300 views • 7 months ago

Comment "Design" and I'll send you the full guide 👇 Claude just killed graphic designers. You can now design anything you want directly inside Claude's new Design feature. Here's how it works: Open the Claude desktop app Click Design in the bottom left corner Describe what you want I said: "Build me an interactive 3D solar system where I can click on each planet and see all its facts." Claude built the entire thing in 3 minutes and it's fully interactive. You can generate: • Presentations • Posters and social media graphics • Working prototypes • Animations and documents Everything is fully customizable. You can even import from Figma or export into Canva or Claude Code. Designers charge thousands for stuff like this. Claude does it for free. #ai #claude #claudedesign #design #aitools
0:47

Comment "Design" and I'll send you the full guide 👇 Claude just killed graphic designers. You can now design anything you want directly inside Claude's new Design feature. Here's how it works: Open the Claude desktop app Click Design in the bottom left corner Describe what you want I said: "Build me an interactive 3D solar system where I can click on each planet and see all its facts." Claude built the entire thing in 3 minutes and it's fully interactive. You can generate: • Presentations • Posters and social media graphics • Working prototypes • Animations and documents Everything is fully customizable. You can even import from Figma or export into Canva or Claude Code. Designers charge thousands for stuff like this. Claude does it for free. #ai #claude #claudedesign #design #aitools

Maverick Maltin | AI & ChatGPT

282,200 views • 4 months ago

If I had to learn Claude from scratch today, I'd do these 3 things first: 1. Create an About Me doc. Ask Claude to interview you, one question at a time, across 50 things about you: your work, your goals and how you like answers. 2. Build a second brain. One place for all your context, like your projects, tasks and docs, so you stop re-explaining your life in every chat. 3. Connect your apps using MCP, so Claude can work in the tools you already use. Screenshot the 50 questions in the video to get started. Follow for more Claude tips like this. #claude #claudeai #aitools #aiagents #nocode
0:49

If I had to learn Claude from scratch today, I'd do these 3 things first: 1. Create an About Me doc. Ask Claude to interview you, one question at a time, across 50 things about you: your work, your goals and how you like answers. 2. Build a second brain. One place for all your context, like your projects, tasks and docs, so you stop re-explaining your life in every chat. 3. Connect your apps using MCP, so Claude can work in the tools you already use. Screenshot the 50 questions in the video to get started. Follow for more Claude tips like this. #claude #claudeai #aitools #aiagents #nocode

nocode.joshua

192,300 views • 1 month ago

Let me show you how to connect your Canva account to Claude so you can work faster and more efficiently when designing graphics. This is Episode 1 of Design Made Smarter #creatorsearchinsights #claudedesign #claude #canvatips
1:44

Let me show you how to connect your Canva account to Claude so you can work faster and more efficiently when designing graphics. This is Episode 1 of Design Made Smarter #creatorsearchinsights #claudedesign #claude #canvatips

Christina ✨

16,900 views • 29 days ago

Comment "Canva" and I'll send you the full guide 👇 Claude + Canva is a literal cheat code. You can now create any Canva design you want directly inside Claude. Here's how to set it up in 30 seconds: 1. Go to Claude → Customize → Connectors → Browse Connectors 2. Find Canva and click Connect 3. Log into your account That's it. Canva is officially connected. Now just say "use Canva" and ask for whatever you want. Claude generates carousels, posters, banners—anything you need. Click any design and hit "open in Canva" to fully edit it directly inside Canva. Then post everything straight to your social media without ever leaving Claude. #ai #claude #canva #design #contentcreation
0:34

Comment "Canva" and I'll send you the full guide 👇 Claude + Canva is a literal cheat code. You can now create any Canva design you want directly inside Claude. Here's how to set it up in 30 seconds: 1. Go to Claude → Customize → Connectors → Browse Connectors 2. Find Canva and click Connect 3. Log into your account That's it. Canva is officially connected. Now just say "use Canva" and ask for whatever you want. Claude generates carousels, posters, banners—anything you need. Click any design and hit "open in Canva" to fully edit it directly inside Canva. Then post everything straight to your social media without ever leaving Claude. #ai #claude #canva #design #contentcreation

Maverick Maltin | AI & ChatGPT

39,300 views • 5 months ago

Greg Isenberg begged this guy onto his podcast to explain one setup: Obsidian plus Claude Code. The promise, in his words: "How you can stop having to explain things to agents over and over again, and just pass specific files in." And: "How you can use Obsidian and Claude Code to notice things about the way you think that you would not have noticed on your own." Same setup as the $ 100k-a-month guy. The file you hand the agent is the whole difference ↓
0:30

Greg Isenberg begged this guy onto his podcast to explain one setup: Obsidian plus Claude Code. The promise, in his words: "How you can stop having to explain things to agents over and over again, and just pass specific files in." And: "How you can use Obsidian and Claude Code to notice things about the way you think that you would not have noticed on your own." Same setup as the $ 100k-a-month guy. The file you hand the agent is the whole difference ↓

Zephyr

17,830 views • 1 month ago

Here's how to build a Brand Brain in Claude in 5 steps: 1. Create a project. Open Claude and create a new project called Brand Brain. 2. Build your brand kit. Upload your existing colours, logos and fonts. If you don't have any, ask Claude to build you a complete design system. 3. Build your brand voice. Upload anything your business has ever written, like your website, emails or newsletter, then ask Claude to turn it into voice rules: how you sound, the words you use and the words you'd never say. 4. Write your Brand DNA doc. Who your customer is, what problem you solve and what makes you different. Screenshot the template in the video if you don't know what to put in it. 5. Start creating. Open a chat inside your Brand Brain and ask for an ad, a landing page or a social media post. Claude can now build anything for your business and it will actually match your brand. Comment BRAND and I'll send you the complete guide. #claude #claudeai #aitools #branding #nocode
1:04

Here's how to build a Brand Brain in Claude in 5 steps: 1. Create a project. Open Claude and create a new project called Brand Brain. 2. Build your brand kit. Upload your existing colours, logos and fonts. If you don't have any, ask Claude to build you a complete design system. 3. Build your brand voice. Upload anything your business has ever written, like your website, emails or newsletter, then ask Claude to turn it into voice rules: how you sound, the words you use and the words you'd never say. 4. Write your Brand DNA doc. Who your customer is, what problem you solve and what makes you different. Screenshot the template in the video if you don't know what to put in it. 5. Start creating. Open a chat inside your Brand Brain and ask for an ad, a landing page or a social media post. Claude can now build anything for your business and it will actually match your brand. Comment BRAND and I'll send you the complete guide. #claude #claudeai #aitools #branding #nocode

nocode.joshua

14,800 views • 1 month ago

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.
2:00

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 views • 1 year ago

-> If you’re looking for a job -> right now, there are three -> Claude certifications that -> you should do this week -> and then put them on your -> LinkedIn, they are all -> completely free, and they -> come from Anthropic, -> which is the company -> that's behind Claude. -> And jobs that need AI skills -> pay 56% more than jobs -> that don’t, So, I think -> spending a few hours this -> week to knock out these -> three courses and then -> add them to your LinkedIn -> will really go a long way -> The first one is called -> Claude 101, and this -> essentially just goes over -> what Claude is and when -> you should use chat versus -> co-work versus code, how -> projects and skills work, -> and how to connect all -> of your tools and apps -> like Gmail, Notion, Slack, -> and other tools that you use -> And the second course -> is called AI Fluency -> Framework and Foundations -> Inside this one, there are -> 13 lessons on how to -> actually work with AI. -> It goes over things like -> effective prompting, critical -> thinking on the outputs, -> and it has a vocabulary -> sheet that you’ll want -> to read and save for later. -> And the third one is -> Intro to Claude Cowork -> Claude Cowork is where -> you can actually get stuff -> done with Claude. -> So, this course covers -> projects, skills, plug-ins, -> scheduling tasks, handling -> files, and then also how -> to pick the right model -> for the job, and then when -> you finish these courses, -> just go to your LinkedIn -> and go to your profile -> Click "Add section," and -> then go to "Licenses -> and certifications" and -> add all three of these. -> And then when you land -> the interview, you should -> talk about your AI fluency -> often as you possibly can -> I feel pretty confident that -> you’ll truly be able to -> differentiate yourself -> from other candidates -> if you do this
1:21

-> If you’re looking for a job -> right now, there are three -> Claude certifications that -> you should do this week -> and then put them on your -> LinkedIn, they are all -> completely free, and they -> come from Anthropic, -> which is the company -> that's behind Claude. -> And jobs that need AI skills -> pay 56% more than jobs -> that don’t, So, I think -> spending a few hours this -> week to knock out these -> three courses and then -> add them to your LinkedIn -> will really go a long way -> The first one is called -> Claude 101, and this -> essentially just goes over -> what Claude is and when -> you should use chat versus -> co-work versus code, how -> projects and skills work, -> and how to connect all -> of your tools and apps -> like Gmail, Notion, Slack, -> and other tools that you use -> And the second course -> is called AI Fluency -> Framework and Foundations -> Inside this one, there are -> 13 lessons on how to -> actually work with AI. -> It goes over things like -> effective prompting, critical -> thinking on the outputs, -> and it has a vocabulary -> sheet that you’ll want -> to read and save for later. -> And the third one is -> Intro to Claude Cowork -> Claude Cowork is where -> you can actually get stuff -> done with Claude. -> So, this course covers -> projects, skills, plug-ins, -> scheduling tasks, handling -> files, and then also how -> to pick the right model -> for the job, and then when -> you finish these courses, -> just go to your LinkedIn -> and go to your profile -> Click "Add section," and -> then go to "Licenses -> and certifications" and -> add all three of these. -> And then when you land -> the interview, you should -> talk about your AI fluency -> often as you possibly can -> I feel pretty confident that -> you’ll truly be able to -> differentiate yourself -> from other candidates -> if you do this

BeingInvested

13,130 views • 5 months ago

Tutorial: How to make a creative coding animation with Claude 2 and OpenProcessing Claude 2 is one of my favorite coding tools. Here's a demo how you can learn programming and write a simple animation with it in minutes. You can run the code at OpenProcessing. Links in comment
1:16

Tutorial: How to make a creative coding animation with Claude 2 and OpenProcessing Claude 2 is one of my favorite coding tools. Here's a demo how you can learn programming and write a simple animation with it in minutes. You can run the code at OpenProcessing. Links in comment

Kris Kashtanova

18,369 views • 3 years ago

We've added a new command to Claude Code called /insights When you run it, Claude Code will read your message history from the past month. It'll summarize your projects, how you use Claude Code, and give suggestions on how to improve your workflow.
0:39

We've added a new command to Claude Code called /insights When you run it, Claude Code will read your message history from the past month. It'll summarize your projects, how you use Claude Code, and give suggestions on how to improve your workflow.

Thariq

1,241,432 views • 9 months ago