Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!

daniel__designs's profile picture

Daniel Destefanis

18,132 subscribers

75,900 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Daniel Destefanis profil fotoğrafı
Daniel Destefanis3 yıl önce

This simple utility will come in handy when you're trying to find a variable in a complex prototype or across a large file, I hope you're as excited about this feature as I am.

Daniel Destefanis profil fotoğrafı
Daniel Destefanis3 yıl önce

Published!

˗ˏˋ rogie ˎˊ˗ profil fotoğrafı
˗ˏˋ rogie ˎˊ˗3 yıl önce

@figma My god man can we compare notes in how we build plug-ins. I wanna level up

Daniel Destefanis profil fotoğrafı
Daniel Destefanis3 yıl önce

@figma "i want to level up" - says the man with some of the best plugins available, but hell ya of course I'd love to get an excuse to nerd out together

Duy Luong profil fotoğrafı
Duy Luong3 yıl önce

@figma Wow! That'd would be really helpful! 👏🏻

Daniel profil fotoğrafı
Daniel3 yıl önce

@round @figma Sign me up

Andrew Hulin profil fotoğrafı
Andrew Hulin3 yıl önce

@figma Woah this is awesome and gonna be so useful

Godwin profil fotoğrafı
Godwin3 yıl önce

@figma Can't wait!

Rugved profil fotoğrafı
Rugved3 yıl önce

@figma This looks great! 🙌

alana goyal profil fotoğrafı
alana goyal3 yıl önce

@figma this is awesome!

Benzer Videolar

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,420 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

Can't get enough of variables? NEW: Even more features to help make it easier to scope, hide, edit, and define variables across platforms. Dive in:
0:48

Can't get enough of variables? NEW: Even more features to help make it easier to scope, hide, edit, and define variables across platforms. Dive in:

Figma

153,501 görüntüleme • 2 yıl önce

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓
0:31

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓

Dmitriy Bunin

11,630 görüntüleme • 1 yıl önce

Present section Demo of Figma Plugin. This will print and document all variables and styles. I'm building a plugin to generate design system variables/styles from presets. Already shared test version, who signed up. Coming soon...
0:27

Present section Demo of Figma Plugin. This will print and document all variables and styles. I'm building a plugin to generate design system variables/styles from presets. Already shared test version, who signed up. Coming soon...

vijay verma

14,413 görüntüleme • 1 yıl önce

Created AI Chatbot Design using Figma Make, and converted it into Responsive using Variables & applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #uiuxdesign
0:26

Created AI Chatbot Design using Figma Make, and converted it into Responsive using Variables & applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #uiuxdesign

Harshil Acharya

48,426 görüntüleme • 4 ay önce

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign
0:26

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign

Harshil Acharya

62,027 görüntüleme • 5 ay önce

I built a free Figma to React plugin used by Lovable! In 1 click you can convert your Figma design into React + Tailwind CSS code They said it had better code gen than even paid plugins like Anima, Builderio, Framer, etc. but no one knew about it :( ✅ Try Figroot (it's completely free) Like + comment to help me share it 🫶
0:58

I built a free Figma to React plugin used by Lovable! In 1 click you can convert your Figma design into React + Tailwind CSS code They said it had better code gen than even paid plugins like Anima, Builderio, Framer, etc. but no one knew about it :( ✅ Try Figroot (it's completely free) Like + comment to help me share it 🫶

patti

17,886 görüntüleme • 7 ay önce

I've been working on a new Figma plugin called Selection Text. It's a lightweight way to see how your text layers are styled in any given frame or set of frames. I designed it to be fast, lightweight, and feel native to Figma. I'll post an in-depth look once it's published!
0:22

I've been working on a new Figma plugin called Selection Text. It's a lightweight way to see how your text layers are styled in any given frame or set of frames. I designed it to be fast, lightweight, and feel native to Figma. I'll post an in-depth look once it's published!

Daniel Destefanis

47,121 görüntüleme • 2 yıl önce

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏
0:33

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

Matt

123,035 görüntüleme • 1 yıl önce

I'm tinkering away on a new Figma widget for design system auditing ⚙️ It scans your document and tells you: – Number of components – Components without descriptions / doc links – Components without variables / styles – Instances with overrides Hopefully published next week!
0:43

I'm tinkering away on a new Figma widget for design system auditing ⚙️ It scans your document and tells you: – Number of components – Components without descriptions / doc links – Components without variables / styles – Instances with overrides Hopefully published next week!

luis.

18,664 görüntüleme • 1 yıl önce

Created Real Estate CRM using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 🏠 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #realesate #crm #dashboarddesign #figma #uidesign
0:25

Created Real Estate CRM using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 🏠 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #realesate #crm #dashboarddesign #figma #uidesign

Harshil Acharya

130,981 görüntüleme • 7 ay önce

Created File Manager Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #filemanager #crm #dashboarddesign #figma #uidesign #UIUXDesign
0:23

Created File Manager Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #filemanager #crm #dashboarddesign #figma #uidesign #UIUXDesign

Harshil Acharya

22,813 görüntüleme • 6 ay önce

I built a Figma plugin that extracts local styles (tokens and variables) and generates DESIGN md and SKILL md files that you can integrate with any AI tool 💻 open-source under MIT license 🤖 works with all major AI tools 🚀 local algorithm without API calls
3:12

I built a Figma plugin that extracts local styles (tokens and variables) and generates DESIGN md and SKILL md files that you can integrate with any AI tool 💻 open-source under MIT license 🤖 works with all major AI tools 🚀 local algorithm without API calls

Zoltán Szőgyényi

96,137 görüntüleme • 3 ay önce

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20
0:35

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Erik

21,594 görüntüleme • 1 yıl önce

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:
0:40

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

Lichin Lin

25,157 görüntüleme • 1 yıl önce

What if I told you that you can quickly present and document all your Figma tokens, variables, and styles in this layout—without any manual effort? I'm coding this new layout to automatically detect everything from design system and organize in different template …
0:42

What if I told you that you can quickly present and document all your Figma tokens, variables, and styles in this layout—without any manual effort? I'm coding this new layout to automatically detect everything from design system and organize in different template …

vijay verma

25,239 görüntüleme • 1 yıl önce

If you are a designer using Figma STOP scrolling. We built a Figma plugin for you that'll help you generate and edit dope images without ever leaving Figma. Want it? reply "FIGMA" PS - We're giving it away for free to the first 500 people to sign up.
3:27

If you are a designer using Figma STOP scrolling. We built a Figma plugin for you that'll help you generate and edit dope images without ever leaving Figma. Want it? reply "FIGMA" PS - We're giving it away for free to the first 500 people to sign up.

Pete Sena

15,354 görüntüleme • 1 yıl önce

So excited to share Code Layers, a new feature Niko and I have been working on that’s coming soon to Figma Sites
0:29

So excited to share Code Layers, a new feature Niko and I have been working on that’s coming soon to Figma Sites

Daniel Destefanis

60,269 görüntüleme • 1 yıl önce

My new Figma plugin, Vector Fields is out! Create generative patterns with lines, dots, and custom SVGs. It's free and open source and very fun to play with
0:42

My new Figma plugin, Vector Fields is out! Create generative patterns with lines, dots, and custom SVGs. It's free and open source and very fun to play with

Daniel Destefanis

110,365 görüntüleme • 2 yıl önce