Skip to main content
Glama
toddle-edu

Figma MCP Server

by toddle-edu

generate_pseudo_code_from_figma_frame

Convert Figma designs to JSX and CSS pseudo-code for specific frames or components, enabling design-to-code workflows.

Instructions

It will generates JSX and CSS pseudo-code for a Figma frame or node, given its file key and node ID. Useful for converting Figma designs to code. Can also be used to generate code for specific components or frames in Figma.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
fileKeyYesThe key of the Figma file to fetch, Can be found in a provided URL like `figma.com/(file|design)/<fileKey>/...`
nodeIdYesThe ID of the node to fetch, can be found as URL parameter like `node-id=<nodeId>`, Must use if provided.

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/toddle-edu/figma-mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server