Skip to main content
Glama
yhc984
by yhc984

get_styles

Retrieve all design styles from a Figma document to access typography, colors, and effects for consistent design implementation.

Instructions

Get all styles from the current Figma document

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault

No arguments

Implementation Reference

  • Core implementation of get_styles that fetches and formats local Figma styles (paint, text, effect, grid) using Figma Plugin APIs.
    async function getStyles() { const styles = { colors: await figma.getLocalPaintStylesAsync(), texts: await figma.getLocalTextStylesAsync(), effects: await figma.getLocalEffectStylesAsync(), grids: await figma.getLocalGridStylesAsync(), }; return { colors: styles.colors.map((style) => ({ id: style.id, name: style.name, key: style.key, paint: style.paints[0], })), texts: styles.texts.map((style) => ({ id: style.id, name: style.name, key: style.key, fontSize: style.fontSize, fontName: style.fontName, })), effects: styles.effects.map((style) => ({ id: style.id, name: style.name, key: style.key, })), grids: styles.grids.map((style) => ({ id: style.id, name: style.name, key: style.key, })), }; }
  • MCP server registration of the 'get_styles' tool, which proxies the command to the Figma plugin via WebSocket and formats the response.
    server.tool( "get_styles", "Get all styles from the current Figma document", {}, async () => { try { const result = await sendCommandToFigma('get_styles'); return { content: [ { type: "text", text: JSON.stringify(result, null, 2) } ] }; } catch (error) { return { content: [ { type: "text", text: `Error getting styles: ${error instanceof Error ? error.message : String(error)}` } ] }; } } );
  • Internal dispatch in Figma plugin's handleCommand switch statement that routes 'get_styles' command to the getStyles handler function.
    case "get_styles": return await getStyles();
  • Input schema for get_styles MCP tool (empty object, no parameters required).
    {},
  • Type definition including 'get_styles' in FigmaCommand union type for sendCommandToFigma.
    | 'get_styles'

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/yhc984/cursor-talk-to-figma-mcp-main'

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