Figma MCP server now connects more parts of our platform than ever before. It works seamlessly with Slides, FigJam, Make, and the built-in agent. You can use simple text prompts to create or update presentation decks, whiteboards, and prototypes. Figma team also added support for custom fonts and a new asset downloading tool. This feature lets you save images and icons in formats like SVG, PDF, JPG, or PNG right from your design files. Here are four ways your team could use these features right now.
1. Build and Update Presentation Decks
Usually, team members keep their product presentations up to date using simple commands. You can tell the agent to update a slide deck by pulling the latest information from connected tools like Slack, Google Drive, blogs, and release notes. The agent gathers the relevant details and updates the slides to match your custom templates. It handles the heavy lifting of the initial content work. With custom font support, all generated text uses your actual brand fonts instead of generic alternatives. This process is perfect for quickly building kickoff decks, marketing plans, and sales presentations that stay on brand.
2. Create Boards from Live Data
Preparing for workshops and meetings takes a lot of time. To speed this up, use custom skills to generate boards automatically. You can ask the agent to build a new board using context from external tools like Slack, Asana, Notion, and analytics platforms. Instead of starting with a blank space, you get a fully structured board filled with your latest product vision, customer insights, and key decisions.
3. Connect Design and Code
Figma MCP server also works directly with our prototyping tools to connect design edits to your production code. If you have a coded prototype, you can bring that preview back into your design canvas as editable layers. You can then modify the components using your normal design tools. After making your changes, you can tell the agent to pull those new design states back into your code. The agent writes the changes and gets them ready to push to your repository. This keeps you in full control of what goes live while the agent reads and writes components on both ends.
4. Share the Work with Agent
Sometimes you have a screen that only exists in code with no design file at all. Figma server can push that code directly into your canvas. The agent reads your design system and your code to reuse existing components and build new ones when needed. This gives you a great starting point. From there, you can work with the agent on the canvas to fix layouts, correct typography, and map colors to the right variables. Once the design looks perfect, you can push it right back into the code. You can also download images and icons directly from the agent without needing to export them manually. Figma server and the agent work together to help you finish your designs faster.
