Loading video...

Video Failed to Load

Go Home

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

erikdevries_nl's profile picture

Erik

1,933 subscribers

21,594 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Create Primitive and Semantic color variables in Figma Supafast ⚡️
1:03

Create Primitive and Semantic color variables in Figma Supafast ⚡️

Zander Whitehurst

35,988 views • 1 year ago

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜
0:33

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

Abraham John 🦄🦓

56,500 views • 1 year ago

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜
0:33

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

Abraham John 🦄🦓

28,726 views • 1 year ago

Designers can finally cook 🧑‍🍳 🔥 Introducing Tempo's Figma Plugin 🔥 We've built the most powerful Figma to App plugin, turning your designs into fully functional apps in seconds, not days. 👩‍🎨 Real Figma data ➡️Real Code 🚀 Fast & Accurate conversion Check it out👇
0:29

Designers can finally cook 🧑‍🍳 🔥 Introducing Tempo's Figma Plugin 🔥 We've built the most powerful Figma to App plugin, turning your designs into fully functional apps in seconds, not days. 👩‍🎨 Real Figma data ➡️Real Code 🚀 Fast & Accurate conversion Check it out👇

Tempo (YC S23)

53,581 views • 1 year ago

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞
0:26

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞

Meng To

16,988 views • 1 year 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

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

Some updates to connectors in Figma Make → More partners added (Amplitude, Box, HeyMarvin, DoveTail, ZeroHeight) → You can now build your own custom connectors
0:25

Some updates to connectors in Figma Make → More partners added (Amplitude, Box, HeyMarvin, DoveTail, ZeroHeight) → You can now build your own custom connectors

Figma

30,959 views • 4 months ago

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!
0:32

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 Destefanis

75,900 views • 3 years ago

Our new color wheel helps you quickly create custom palettes and bring them into the editor with a single click. Try it out ->
0:20

Our new color wheel helps you quickly create custom palettes and bring them into the editor with a single click. Try it out ->

Figma

229,131 views • 2 years ago

/custom-skills-are-now-in-make-so-you-can-create-and-call-repeated-workflows Note: you can create and manage your own skills now. Sharing skills with your team and org is coming soon.
0:25

/custom-skills-are-now-in-make-so-you-can-create-and-call-repeated-workflows Note: you can create and manage your own skills now. Sharing skills with your team and org is coming soon.

Figma

66,291 views • 1 month ago

Game Changer for Designers in Figma – Textures👀 I created a Figma file for all of you, completely free, with some experiments! Play with colors, radius, and scale, or create prototypes to achieve real-time animations. Feel free to use it! 🫶
0:28

Game Changer for Designers in Figma – Textures👀 I created a Figma file for all of you, completely free, with some experiments! Play with colors, radius, and scale, or create prototypes to achieve real-time animations. Feel free to use it! 🫶

Marcin Pankiewicz

112,194 views • 1 year ago

Stop designing custom icons for your UI design! Instead, try this Figma plugin.
0:23

Stop designing custom icons for your UI design! Instead, try this Figma plugin.

Jan Mraz

17,787 views • 6 months ago

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 views • 1 year ago

Introducing the RevenueCat Figma plugin. Design in Figma → import to RevenueCat → ship instantly. Fully native, ready to A/B test and deploy remotely. No rebuilding designs. No app updates.
0:44

Introducing the RevenueCat Figma plugin. Design in Figma → import to RevenueCat → ship instantly. Fully native, ready to A/B test and deploy remotely. No rebuilding designs. No app updates.

RevenueCat

7,586,950 views • 7 months ago

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.
0:51

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 views • 5 months ago

#FlutterDev are now able to create custom wraps for your widgets! I contributed this feature in a small plugin plugfox.flutter-plus for VsCode. See it in action:
0:32

#FlutterDev are now able to create custom wraps for your widgets! I contributed this feature in a small plugin plugfox.flutter-plus for VsCode. See it in action:

Michael Lazebny

15,611 views • 1 year ago

Adobe tried to buy Figma for $20 billion in 2022. The deal collapsed. So Figma went public on the NYSE in July 2025 instead. Ticker FIG. Public company. Quarterly earnings. Wall Street pressure. You know what happens to design tools after they IPO. In March 2025, Figma raised the Professional Full seat 33%. From $15 to $20 a month. Organization seats jumped to $55. Enterprise to $90. Then they took Dev Mode, which was free during beta, and locked it behind a paid seat. Your developers now pay extra to inspect the designs your designers already paid to create. In March 2026, Figma started charging for AI credits on top. If Figma raises prices again, you pay. If Figma gets acquired, you pray. If Figma shuts down, your files die with it. Your design system. On their servers. In a proprietary format only their app can read. To draw rectangles on a screen. There is an open source design platform that runs on your hardware. Stores your files in plain SVG. Costs $0 forever for unlimited users. It is called Penpot. 45,700+ stars on GitHub. A full Figma-grade design platform built on open web standards. Vector editing. Components. Design tokens to W3C spec. Flex and Grid layouts. Real-time multiplayer. Interactive prototyping. Here's what it does: → Real-time collaboration. Live cursors. Comments in line. → Components, variants, shared libraries. → Auto layout, Flex, CSS Grid. The tool outputs production CSS, not lookalike CSS. → Interactive prototypes with overlays, animations, and flows. → Inspect tab. Free. Built in. Every developer grabs production CSS, SVG, HTML without a separate seat. → Plugin ecosystem. Figma import to migrate your files. → Self-host on Docker in one command. Your designs never leave your network. Here's the wildest part: Figma stores your designs in a proprietary format only Figma can read. Penpot files are SVG. The same format your browser has rendered for 25 years. Open them in any editor. Open them in 20 years. Nobody can lock you out. The feature Figma charges your developers extra for, Penpot gives away. Without asking permission. Figma Professional: $20/month per seat. A 10-person team: $2,400/year. Figma Organization: $55/month per Full seat. A 50-person org: $33,000/year. Penpot: $0. Unlimited users. Unlimited files. Unlimited teams. Self-hosted. Free forever. 45,700+ stars. 2,700+ forks. 250+ contributors. MPL-2.0 license. Backed by a community that believes design tools should be free. Your designs. Your files. Your standards. 100% Open Source. (Link in the comments)
0:43

Adobe tried to buy Figma for $20 billion in 2022. The deal collapsed. So Figma went public on the NYSE in July 2025 instead. Ticker FIG. Public company. Quarterly earnings. Wall Street pressure. You know what happens to design tools after they IPO. In March 2025, Figma raised the Professional Full seat 33%. From $15 to $20 a month. Organization seats jumped to $55. Enterprise to $90. Then they took Dev Mode, which was free during beta, and locked it behind a paid seat. Your developers now pay extra to inspect the designs your designers already paid to create. In March 2026, Figma started charging for AI credits on top. If Figma raises prices again, you pay. If Figma gets acquired, you pray. If Figma shuts down, your files die with it. Your design system. On their servers. In a proprietary format only their app can read. To draw rectangles on a screen. There is an open source design platform that runs on your hardware. Stores your files in plain SVG. Costs $0 forever for unlimited users. It is called Penpot. 45,700+ stars on GitHub. A full Figma-grade design platform built on open web standards. Vector editing. Components. Design tokens to W3C spec. Flex and Grid layouts. Real-time multiplayer. Interactive prototyping. Here's what it does: → Real-time collaboration. Live cursors. Comments in line. → Components, variants, shared libraries. → Auto layout, Flex, CSS Grid. The tool outputs production CSS, not lookalike CSS. → Interactive prototypes with overlays, animations, and flows. → Inspect tab. Free. Built in. Every developer grabs production CSS, SVG, HTML without a separate seat. → Plugin ecosystem. Figma import to migrate your files. → Self-host on Docker in one command. Your designs never leave your network. Here's the wildest part: Figma stores your designs in a proprietary format only Figma can read. Penpot files are SVG. The same format your browser has rendered for 25 years. Open them in any editor. Open them in 20 years. Nobody can lock you out. The feature Figma charges your developers extra for, Penpot gives away. Without asking permission. Figma Professional: $20/month per seat. A 10-person team: $2,400/year. Figma Organization: $55/month per Full seat. A 50-person org: $33,000/year. Penpot: $0. Unlimited users. Unlimited files. Unlimited teams. Self-hosted. Free forever. 45,700+ stars. 2,700+ forks. 250+ contributors. MPL-2.0 license. Backed by a community that believes design tools should be free. Your designs. Your files. Your standards. 100% Open Source. (Link in the comments)

Nav Toor

216,067 views • 2 months ago

Let Claude create your Figma variables in seconds! 🤯
0:20

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 views • 1 month 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,391 views • 1 year ago