Skip to main content
Question

Figma MCP - reading variable modes

  • June 20, 2025
  • 1 reply
  • 67 views

Tom_Stimpson

I’ve been looking into how I can leverage the new MCP server functionality in my design-to-dev handover process, but have been struggling with a few issues.

As a means of speeding up my web design process, I have created singular components (no variants) that use variables for spacing, typography etc. These variables relate to modes like Wide Desktop, Desktop, Tablet, Mobile. 

My idea is that I’d like the MCP to read the singular component and be able to extract all the variables information across all modes and map those values to Tailwind classes (such as pt-4 md:pt-6 lg:pt-8 etc..) 

With a fair bit of back-and-forth, I’ve been able to recreate a passable version of my designs, but only for a single instance - this using variables from the default/first variable mode. So it’s not ideal to select one frame/screensize at a time and prompt the agent to recreate it - the code output can get messy pretty quickly.

Do we know if there if Figma have release plan for the MCP to be able to read multiple variable modes in the near future? This would save refactoring my variables into a single mode - and would also require that I make multiple variants of a component so that each screen size is catered for.

If not for a Figma-based update, has anyone had similar frustrations and do you have any workarounds?

Thanks!

1 reply

Yarden K
Figmate
  • Figmate
  • 10 replies
  • June 27, 2025

It is definitely in our list! 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings