Set up Figma MCP by following their docs Framelink Figma getting started
I gave it a try and got some good results from it.
Set up the MCP with a token for your Figma, and you can then ask the AI to implement the design.
Check Setup MCP Servers on Claude Code if you are using Claude Code.
Example of usage
Example of Prompt:
READ app/views/layouts/_header.html.erb
Let's make this header look better by implementing this Figma design [Link for the header section in Figma]
It’s cool to see it working 🤓; it downloads the assets, copies them for your project, and implements them. I’m using Tailwind, which AI is quite good at.
Curious to see how it goes with more complex designs. Remember AI coding warning.