Status: WIP

Best Practices

There are a few things you can do to make the most of the Framelink Figma MCP server. This guide will cover some of the best practices for using the MCP.

In Figma

Generally speaking, you'll want to structure your Figma file in a way that makes it easy to understand and implement.

  • Use auto layouts—the MCP isn't great at handling floating or absolutely positioned elements just yet
  • Name your frames and groups
    • Protip: Try Figma's AI to automatically generate names

In your editor

The overall key in managing any LLM is to provide the correct context. That's what the Framelink Figma MCP server helps with, but you'll need help your editor to get all the context you need to be successful.

  • Let the agent know what resources are available to it (e.g. Tailwind, React)
    • Reference key files in your codebase to provide additional context
  • Provide written details about the design in addition to the raw data from Figma
  • Manage context size—provide links to frames and groups instead of the whole file