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!
Question
Figma MCP - reading variable modes
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.