**MANDATORY prerequisite** — load this skill before calling `create_shader` or `update_shader`. Use when the user asks to create, author, change, fix, or iterate on a shader effect, shader fill, custom effect, custom fill, or procedural shader in Figma.
Install
npx skills add figma/mcp-server-guide --skill figma-shadersnpx skills add figma/mcp-server-guide --skill figma-shaders -a claude-code -gnpx skills add figma/mcp-server-guide --skill figma-shaders -a codex -ggemini skills install https://github.com/figma/mcp-server-guide.git --path skills/figma-shadersgh skill install figma/mcp-server-guide figma-shadersgit clone --depth 1 https://github.com/figma/mcp-server-guide /tmp/figma__mcp-server-guide
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/figma__mcp-server-guide/skills/figma-shaders ~/.claude/skills/figma-shaders # Claude Code
cp -R /tmp/figma__mcp-server-guide/skills/figma-shaders ~/.agents/skills/figma-shaders # Codex, Cursor, Gemini CLI, Copilot, OpenCode