Loading video...

Video Failed to Load

Go Home

My newest Figma plugin: Variable Visualizer! Manage your variable tables in an interactive canvas—see in the video how you can add a new mode in seconds. Design system nerds, this one's a must try👇and let me hear from you👂 #FigmaPlugin #DesignSystems

SShuaiqi's profile picture

Mr. Biscuit

6,280 subscribers

18,436 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation#FigmaPlugin#DesignSystems
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Yuriy's profile picture
Yuriy1 year ago

@figma Great plugin! Is it open for suggestions/testers?

Mr. Biscuit's profile picture
Mr. Biscuit1 year ago

@figma Yes, can't wait to hear from your feedback

Rainmaker's profile picture
Rainmaker1 year ago

Can Machine Learning handle volatile markets? Find out in my latest free Substack post! Explore how a Hidden Markov Model (HMM) can navigate market fluctuations and protect your investments. Full code and practical insights are shared.

Edgaras's profile picture
Edgaras1 year ago

@figma 👀👀👀

Sascha's profile picture
Sascha1 year ago

@figma Nice one 👌

Jannis's profile picture
Jannis1 year ago

@figma Awesome as usual :)

Mr. Biscuit's profile picture
Mr. Biscuit1 year ago

@figma Thank you so much Fox

Bryan Berger's profile picture
Bryan Berger1 year ago

@figma @figma wake up and check this out

Rob Lewis's profile picture
Rob Lewis1 year ago

@figma Yewww 🤙🏼

Appy's profile picture
Appy1 year ago

@figma Graph Engine, is that you 😅

Related Videos

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇
3:22

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

Jayneil Dalal

29,057 views • 3 months ago

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables
1:05

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables

Figma

39,633 views • 1 year ago

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

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

Jan Mraz

24,110 views • 1 year ago

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵
1:29

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Stitch by Google

486,830 views • 2 months ago

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.
1:24

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

UxUi.Tega

12,043 views • 11 months ago

Published a plugin! It allows you to copy CSS variables from Figma in either design or dev mode 🧑‍💻
1:01

Published a plugin! It allows you to copy CSS variables from Figma in either design or dev mode 🧑‍💻

luis.

12,061 views • 1 year ago

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →
0:30

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,217 views • 2 years ago

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!
1:00

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!

G3mini

63,795 views • 1 year ago

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...
0:47

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

vijay verma

16,062 views • 2 months ago

Also, if you missed it earlier this week, in Figma Draw, you can now manually type in variable width stroke values, tab through variable width stroke nodes, and multi-select and edit them by holding shift when selecting.
0:21

Also, if you missed it earlier this week, in Figma Draw, you can now manually type in variable width stroke values, tab through variable width stroke nodes, and multi-select and edit them by holding shift when selecting.

miggi from figgi

17,741 views • 10 months ago

I'm building a Figma plugin to generate design system variables/tokens 🛠️ After sharing the first demo, it grew too big, making it hard to manage and add new features. So, I restarted the project and cleaned up the code to make it easier to handle. Here’s detailed demo - It generate variable from preset and all alow to customize. Now, Just working on UI before final release I’ve already shared test version, who signed up. Let' me know if you wanna test.
1:19

I'm building a Figma plugin to generate design system variables/tokens 🛠️ After sharing the first demo, it grew too big, making it hard to manage and add new features. So, I restarted the project and cleaned up the code to make it easier to handle. Here’s detailed demo - It generate variable from preset and all alow to customize. Now, Just working on UI before final release I’ve already shared test version, who signed up. Let' me know if you wanna test.

vijay verma

21,614 views • 1 year ago

🎉Variable modes are here! This latest update helps supercharge your scalable design systems. Now you can create sets of variable values that can easily be switched and applied throughout your site – unlocking responsive design across devices, efficient theming, and fewer variables to manage overall.
0:46

🎉Variable modes are here! This latest update helps supercharge your scalable design systems. Now you can create sets of variable values that can easily be switched and applied throughout your site – unlocking responsive design across devices, efficient theming, and fewer variables to manage overall.

Webflow

21,365 views • 1 year ago

Do more with video in your prototypes. We’ve made it easier to create realistic video players in Figma. Add interactions that let you play, pause, mute, or skip to timestamps in a single frame. And you can now trigger events with video playback. See more in the 🧵
0:39

Do more with video in your prototypes. We’ve made it easier to create realistic video players in Figma. Add interactions that let you play, pause, mute, or skip to timestamps in a single frame. And you can now trigger events with video playback. See more in the 🧵

Figma

356,448 views • 3 years ago

This Figma trick builds your design system docs in seconds
0:20

This Figma trick builds your design system docs in seconds

Jan Mraz

43,887 views • 3 months ago

Just hit publish on a new guide! It's called "Variable mapping and design system structure" and you can grab it here: It's hopefully a way to provide some guidance on how to structure your variables and collections according to how your system is set up
0:58

Just hit publish on a new guide! It's called "Variable mapping and design system structure" and you can grab it here: It's hopefully a way to provide some guidance on how to structure your variables and collections according to how your system is set up

luis.

69,440 views • 2 years ago

How to use the Figma to Wix Studio plugin: ▪️ Prepare and export your file from Figma ▪️ Import your design to a blank canvas or existing Studio site as a page, section, container or Stack ▪️ Add interactions, business solutions and more Start here:
0:30

How to use the Figma to Wix Studio plugin: ▪️ Prepare and export your file from Figma ▪️ Import your design to a blank canvas or existing Studio site as a page, section, container or Stack ▪️ Add interactions, business solutions and more Start here:

Wix Studio

550,077 views • 1 year ago

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in Figma for engineers at Uber 👇
5:25

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in Figma for engineers at Uber 👇

Jayneil Dalal

47,187 views • 1 year ago

With this Figma plugin, you can publish a responsive live website based on your desktop design!
0:25

With this Figma plugin, you can publish a responsive live website based on your desktop design!

Jan Mraz

12,626 views • 1 year ago

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇
0:43

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇

Figma

617,307 views • 3 years ago

3 design system updates for you → Hide & show variable paints → Go-to-main component shortcut → Duplicate & copy styles
0:30

3 design system updates for you → Hide & show variable paints → Go-to-main component shortcut → Duplicate & copy styles

Figma

139,737 views • 1 year ago