Skill: Figma to IDS Translation

Purpose

Translate Figma design properties and structures into IDS (Iress Design System) component implementations. This skill helps AI agents interpret Figma design metadata (from tools like Figma MCP or exported design specs) and produce accurate IDS code.

Figma MCP Setup

AI agents need a Figma MCP server to read Figma files directly. Without one, you can still use this skill by pasting exported design specs or Figma component descriptions manually.

Setup

1. Get a Figma personal access token — In Figma, go to Settings → Account → Personal access tokens and create a token with File content (Read-only) scope.

2. Add the MCP server to your agent config. The exact location depends on your tool: