Export Figma Make files to Vue.js

Hey ​@Yong Jie, thank you for reaching out!

I checked in with our team about this, and here’s what they shared:

You could use Figma's MCP Server to bring the code of a Make into an existing vue.js codebase (docs). However, at the moment, there's no way to export/convert a Make into other frontend frameworks like vue.js.

Hope this helps! 

Hi ​@Yong Jie and ​@Gayani_S! In my team we need the same since we are working with Vue. I will suscribe to this chat in case we have some updates soon. Have a nice day!

​@Yong Jie ​@Agostina Gonzalez Bano wondering if y’all have tried exporting the code from Make and then converting it to Vue with your LLM coding agent of choice. e.g. Claude/Claude Code or Cursor? 

There’s a nice download button on the top right of the Make interface, you get a .zip file that you can then open up in Cursor/Claude Code/etc. and prompt it to convert it.

Idk what your team’s Vue setup is like but it could prompt the LLM something like this:

1. Convert to Vue 3 with <script setup
2. Convert to Vue 3 Options API

Note that you won’t be able to import back your Vue code to Make so you can keep it for prototyping if you want but your team will now move forward with the Vue code outside of Make. 

When it comes to existing codebases, another approach might be the GitHub Connector/MCP. It allows you to push to GitHub: https://help.figma.com/hc/en-us/articles/35463818346647-Push-from-Figma-Make-to-GitHub

So maybe, but the conversion from React to Vue would still need to be done, be it manually or using a coding agent.