Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung#FigmaPlugin#DesignSystems
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Yuriy
Yuriyvor 1 Jahr

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

Profilbild von Mr. Biscuit
Mr. Biscuitvor 1 Jahr

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

Profilbild von Rainmaker
Rainmakervor 1 Jahr

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.

Profilbild von Edgaras
Edgarasvor 1 Jahr

@figma 👀👀👀

Profilbild von Sascha
Saschavor 1 Jahr

@figma Nice one 👌

Profilbild von Jannis
Jannisvor 1 Jahr

@figma Awesome as usual :)

Profilbild von Mr. Biscuit
Mr. Biscuitvor 1 Jahr

@figma Thank you so much Fox

Profilbild von Bryan Berger
Bryan Bergervor 1 Jahr

@figma @figma wake up and check this out

Profilbild von Rob Lewis
Rob Lewisvor 1 Jahr

@figma Yewww 🤙🏼

Profilbild von Appy
Appyvor 1 Jahr

@figma Graph Engine, is that you 😅

Ähnliche 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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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

487,082 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

👋 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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

🎉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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

#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,318 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr