Recent Posts
Where to apply
Gemini+Figma for UI
abXQRY
No.2660
You can ask gemini to directly access and code your figma designs for free, with a figma MCP server.
>Get a gemini api token(free atleast for the flash model)
>Get your figma token
>Install the gemini cli with npm
>Install and run any figma mcp server, I am using this one
https://github.com/GLips/Figma-Context-MCP
>Connect the MCP server in gemini cli config
something like
[code]
{
"mcpServers": {
"figma-local": {
"httpUrl": "http://localhost:3001/mcp"
}
}
}
[\code]
Now you can run gemini mcp list to check if it is connected.
Now just cd into your project, ask gemini to create a UI with file id(of your figma design) with for example react and add --dir in the end and it will make it for you
abXQRY
No.2661
I have only tried this with one design but it seems to work pretty well. Images don't work in the free tier of figma but that's fine.
I asked it to write it in react inside my nextJS project and it was pretty good, only had to make few changes
ijLHu6
No.2662
>>2660(OP)
Thanks but llm design is always slop
abXQRY
No.2663
ijLHu6
No.2664
>>2663
Shit I read it in reverse i thought you were using llm to design figma ui
