Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Figma plugins helping you to build your design system 🧩 Your support is highly appreciated! 💜

Jan Mraz

112,010 subscribers

31,494 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

Jan Mraz2 years ago

Ready to build your portfolio and advance your design career? Let's skyrocket your career now with the course on the link below with 45% OFF! 👇

David Mráz2 years ago

🚀🚀🚀

Jan Mraz2 years ago

😍

Miguel Queirós - Designer & Framer Creator2 years ago

Solid content Jan, keep up brother

Jan Mraz2 years ago

Thanks Miguel!

Mihael Stojčević2 years ago

Thanks for the info champ!

Jan Mraz2 years ago

@velf_arts Thank you too for supporting!

Yevhen Humeniuk2 years ago

Can you recommend a plugin to generate mocapps?

Jan Mraz2 years ago

I'm using mostly @Mockuuups

Sajibur Rahman Sagor2 years ago

Awesome Work

Jan Mraz2 years ago

@sajiburuxui Thanks a lot! 🔥

Related Videos

Did you know you can launch a responsive website based only on a desktop version of your Figma design? 🔥 Your support is highly appreciated! 💜

Did you know you can launch a responsive website based only on a desktop version of your Figma design? 🔥 Your support is highly appreciated! 💜

Jan Mraz

15,155 views • 2 years ago

With this powerful Figma plugin, you can instantly convert any website to an editable design! 🤯🚀 Retweets are highly appreciated! 💜

With this powerful Figma plugin, you can instantly convert any website to an editable design! 🤯🚀 Retweets are highly appreciated! 💜

Jan Mraz

176,581 views • 3 years ago

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 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

213,844 views • 3 months ago

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Figma

135,990 views • 6 months ago

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

Jan Mraz

24,218 views • 1 year 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:

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,527 views • 3 years ago

Meet Buddy 👋 Your AI design partner, living inside Figma. Designs with you on the canvas. Knows your design system. Gets you faster from idea to "Design done." No terminal. No IDE. No setup. Just you, Figma, and Buddy.

Meet Buddy 👋 Your AI design partner, living inside Figma. Designs with you on the canvas. Knows your design system. Gets you faster from idea to "Design done." No terminal. No IDE. No setup. Just you, Figma, and Buddy.

Anima

1,237,553 views • 5 months ago

Extended Collections is rolling out over the next two weeks so you can scale your design system across all your brands (yay)

Extended Collections is rolling out over the next two weeks so you can scale your design system across all your brands (yay)

Figma

40,501 views • 10 months ago

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

324,225 views • 1 year ago

Designers get it wrong on Figma. Without these plugins, you’re only at 20% of the full potential of your design. Check out these 6 Figma plugins that make it the most loved design tool on the planet 🧵:

Designers get it wrong on Figma. Without these plugins, you’re only at 20% of the full potential of your design. Check out these 6 Figma plugins that make it the most loved design tool on the planet 🧵:

ADPList

223,283 views • 3 years ago

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇

Jayneil Dalal

90,020 views • 8 months 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 💜

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 🦄🦓

31,000 views • 8 months ago

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → @Figma Code Snippet Editor More in the thread.

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → @Figma Code Snippet Editor More in the thread.

Figma

47,568 views • 2 years ago

4 quick tips on some of the new Figma features 🔥 Retweets are highly appreciated! 💜

4 quick tips on some of the new Figma features 🔥 Retweets are highly appreciated! 💜

Jan Mraz

36,672 views • 3 years ago

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

Diagram

1,714,392 views • 3 years ago

skip the design system software. build directly from a design spec using Figma MCP and Intent.

skip the design system software. build directly from a design spec using Figma MCP and Intent.

Luke Wroblewski

31,440 views • 6 months ago

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

Asif

92,104 views • 7 months ago

Custom animation styles for your design system → Save an animation style and publish to your libraries → Apply automatically with Figma agent and coding agents via MCP → Reference styles with skills

Custom animation styles for your design system → Save an animation style and publish to your libraries → Apply automatically with Figma agent and coding agents via MCP → Reference styles with skills

Figma

1,527,648 views • 4 days ago

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

Stitch by Google

195,457 views • 5 months ago