SkillLow riskUnclaimed

Build / Update Screens from Design System

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

openaiopenai/figma-generate-design★ 28kUpdated Jun 24, 2026

Description

Its license does not let Harness keep a copy, so its description is read at the source.openai/skills ↗

Permissions

DeclaredDetected
Runs code—None
Installs—None
Runs install scripts—None
Network—mcp.figma.com
Needs credentials—None
Outside the workspace—None
Agent tools—None

Checks

Low risk · Nothing worth a warning was found.

Not reviewed by a person · Checked by rules; the model review is not switched on yet.

Files7 files · 24.0 KB

  • LICENSE.TXT440 B
  • SKILL.md19.7 KB
  • maintainers.yml21 B
agents/1
  • openai.yaml532 B
assets/3
  • figma-small.svg818 B
  • figma.png1.6 KB
  • icon.svg964 B

Its license does not let Harness hand out copies: Codeg fetches the files from GitHub at this commit and checks their hashes.

Versions

  1. #1—latestOct 7, 2026