figmad-mcp

Get a Figma file structure and metadata. Returns the document tree, components, and styles.

Get specific nodes from a Figma file by their IDs. More efficient than getting the full file when you know what nodes you need.

List all components in a Figma file. Returns component keys, names, and descriptions.

Get all styles (colors, text styles, effects, grids) from a Figma file.

Get design tokens/variables from a Figma file. Includes colors, spacing, and other tokenized values.

Export a Figma node as an image (PNG, JPG, SVG, or PDF). Returns a URL to the exported image.

Create a new frame in Figma. Frames are the primary container for designs. Requires the Figma plugin to be connected.

Create a rectangle shape in Figma. Can have fills and rounded corners.

Create a text node in Figma. Supports font customization and alignment.

Update properties of an existing Figma node. Can modify position, size, text, visibility, and more.

Apply auto-layout to a frame. Auto-layout automatically arranges children horizontally or vertically with consistent spacing.

Set fill colors/gradients on a node. Replaces all existing fills.

Delete a node from the Figma document.

Get the currently selected nodes in Figma.

Capture a webpage screenshot and analyze its DOM structure. Detects UI components like buttons, inputs, cards, navigation. Returns capture ID for use with reconstruct_page.

Reconstruct a captured webpage in Figma. Creates frames, shapes, and text based on the captured DOM structure. Requires capture_webpage to be called first.

Generate a UI design from a text description. Parses the prompt for common UI patterns (header, hero, cards, form, footer) and creates corresponding Figma elements.

Analyze a codebase to extract component definitions, props, and design tokens. Supports React, Vue, Svelte, Angular. Extracts Tailwind config and CSS variables.

Compare and sync design tokens between Figma and code. Can extract tokens from Figma variables/styles or from codebase analysis.

Check if the Figma plugin is connected. Write operations require the plugin.