Loading video...

Video Failed to Load

Go Home

I created 24 vector badge designs in about a day. Using Claude, Quiver, and Figma. Here's the full process.

DannPetty's profile picture

DANN©

173,558 subscribers

130,496 views • 2 months ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.
0:27

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.

Sanket 🛠️ClawKraft

37,940 views • 6 months ago

Watch this magic! Pasted a Figma design link into Claude. Asked for 3 new variations from QuiverAI. Got 3 fully editable vectors back in Figma 😱 Never left Claude once. I used the new Quiver MCP + Figma MCP.
1:01

Watch this magic! Pasted a Figma design link into Claude. Asked for 3 new variations from QuiverAI. Got 3 fully editable vectors back in Figma 😱 Never left Claude once. I used the new Quiver MCP + Figma MCP.

DANN©

68,654 views • 1 month ago

A little something to take the edge off → Simplify vector → Offset vector now in Figma Draw
0:27

A little something to take the edge off → Simplify vector → Offset vector now in Figma Draw

Figma

177,313 views • 11 months ago

Here's how our team uses the Codex app 👇 Ed Bayes shows about using the Figma skill to implement designs with 1:1 visual parity, including all CSS classes and styling automatically
1:55

Here's how our team uses the Codex app 👇 Ed Bayes shows about using the Figma skill to implement designs with 1:1 visual parity, including all CSS classes and styling automatically

OpenAI Developers

85,352 views • 5 months ago

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 Loren Baxter shows how he designed light and dark modes for Felt in Figma 👇
2:12

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 Loren Baxter shows how he designed light and dark modes for Felt in Figma 👇

Jayneil Dalal

75,835 views • 1 year ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜
0:24

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

30,370 views • 5 months ago

This took 4hrs to make in Figma Here's the whole process in 4 minutes.
3:48

This took 4hrs to make in Figma Here's the whole process in 4 minutes.

Praveen Kumar

36,812 views • 3 months ago

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.
0:23

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.

Matt

15,677 views • 1 year ago

Introducing the and integration: Turn your Figma designs into working full stack applications in a couple of clicks! 🧵👇
0:55

Introducing the and integration: Turn your Figma designs into working full stack applications in a couple of clicks! 🧵👇

Builder.io

29,481 views • 1 year ago

Oh my god... Claude Code is insane I created "Particle Playground" with Claude Code on the using Mediapipe Full Prompt below 👇
0:25

Oh my god... Claude Code is insane I created "Particle Playground" with Claude Code on the using Mediapipe Full Prompt below 👇

Emily Lambert

267,516 views • 6 months ago

Figma Make vs Claude My 3rd day vibe-designing. Pretty happy with how far I got using the same prompt. Which one would you pick?
0:21

Figma Make vs Claude My 3rd day vibe-designing. Pretty happy with how far I got using the same prompt. Which one would you pick?

Masum

90,695 views • 3 months ago

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process
0:25

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,417 views • 1 year ago

Many of you asked for "PART 3" 🔥 Here's the fully editable Websites Designs Inspiration in Figma ✨ FREE for 24 hours only 🕐 Like and Comment "Send" to receive the link. Must be following so I can DM you 💬
1:28

Many of you asked for "PART 3" 🔥 Here's the fully editable Websites Designs Inspiration in Figma ✨ FREE for 24 hours only 🕐 Like and Comment "Send" to receive the link. Must be following so I can DM you 💬

Emy

246,744 views • 2 years ago

Happy Schema by Figma day. A recap of our announcements (roll out dates may vary) → Extended Collections → Slots → Check Designs → And a ton more
1:16

Happy Schema by Figma day. A recap of our announcements (roll out dates may vary) → Extended Collections → Slots → Check Designs → And a ton more

Figma

757,832 views • 9 months ago

Claude reversing a binary using Binary Ninja via MCP while I get a snack blasty Ziyad Edher Vector 35
3:50

Claude reversing a binary using Binary Ninja via MCP while I get a snack blasty Ziyad Edher Vector 35

itszn

225,720 views • 1 year ago

ok so here's the big reveal: Replit just launched Design mode. you don't have to be a designer or learn figma anymore, replit will cook designs for you in minutes. i asked it to make a website for my coffee shop and it got crazy quick here's the video + more about it 🧵
1:19

ok so here's the big reveal: Replit just launched Design mode. you don't have to be a designer or learn figma anymore, replit will cook designs for you in minutes. i asked it to make a website for my coffee shop and it got crazy quick here's the video + more about it 🧵

Kritarth Mittal | Soshals

66,478 views • 8 months ago

Created this little animation - In the jungle 🌴- in Figma for first day of #figbruary. Added a little parallax animation using simple smart components. More assets details shared here.
0:30

Created this little animation - In the jungle 🌴- in Figma for first day of #figbruary. Added a little parallax animation using simple smart components. More assets details shared here.

vijay verma

18,616 views • 2 years ago

Sora's Art Making Process A behind-the-scenes look at creating a vector illustration using Adobe Illustrator! Hope you enjoy the process!
1:30

Sora's Art Making Process A behind-the-scenes look at creating a vector illustration using Adobe Illustrator! Hope you enjoy the process!

Ameniwa

33,038 views • 1 year ago

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :
0:43

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :

Joseph Brendan

27,056 views • 1 year ago

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:
5:47

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:

Mattia

42,908 views • 4 months ago