figma SKILL.md skillA

This file is byte-identical to the first copy the registry indexed. Same content hash, so the same checks give both the same grade.

figma from makiya1202/awesome-codex-computer-use is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add makiya1202/awesome-codex-computer-use/figma@git:20260107.edb38fd

Pins git:20260107.edb38fd in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
makiya1202/awesome-codex-computer-use
Path
skills/figma/SKILL.md
Versions recorded
2
Latest version
git:20260107.edb38fd, committed Jan 7, 2026
First version recorded
Jan 7, 2026
Size
17,923 bytes
Repository stars
2
License
none declared

Integrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/CSS code from Figma components, syncing design systems, building Figma plugins, or automating design-to-code workflows. Triggers on Figma API, design tokens, Figma plugin, design-to-code, Figma export, Figma component, Dev Mode.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Figma API Integration

Extract design data, generate code from components, and automate design workflows with Figma's API.

## Quick Start

### Authentication
```typescript
const FIGMA_TOKEN = process.env.FIGMA_TOKEN;

const headers = {
  'X-Figma-Token': FIGMA_TOKEN
};

// Get file
const response = await fetch(
  `https://api.figma.com/v1/files/${FILE_KEY}`,
  { headers }
);
```

### File Key & Node IDs
```typescript
// Extract from Figma URL: figma.com/file/FILE_KEY/Name?node-id=NODE_ID
const figmaUrl = 'https://www.figma.com/file/abc123/MyDesign?node-id=1%3A2';
const fileKey = figmaUrl.match(/file\/([^/]+)/)?.[1];  // abc123
const nodeId = new URL(figmaUrl).searchParams.get('node-id');  // 1:2
```

## Core API Endpoints

### Get File
```typescript
// Full file
GET https://api.figma.com/v1/files/:file_key

// Specific nodes (components)
GET https://api.figma.com/v1/files/:file_key/nodes?ids=1:2,1:3

// With geometry for SVG paths
GET https://api.figma.com/v1/files/:file_key?geometry=paths

// With plugin data
GET https://api.figma.com/v1/files/:file_key?plugin_data=shared
```

### Get Components
```typescript
// Get all components in a file
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add makiya1202/awesome-codex-computer-use/figma@sha256:e1a8164a2876349b

The line at the top of this page pins the label git:20260107.edb38fd, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_4iej5dvpur4mvs26.svg)](https://markdownregistry.com/a/art_4iej5dvpur4mvs26)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, all committed on Jan 7, 2026.

versioncommittedcommitsizeaudit
git:20260107.edb38fd latest2026-01-07 edb38fd 17,923 BA view · diff
git:20260107.09511202026-01-07 0951120 3,191 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (17923 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

makiya1202/awesome-codex-computer-use · 2 stars · license none declared · pushed 2026-10-14 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_4iej5dvpur4mvs26
GET https://markdownregistry.com/api/v1/resolve?ref=makiya1202/awesome-codex-computer-use/figma
GET https://markdownregistry.com/api/v1/blob/e1a8164a2876349b79cafc650347281732b93d86a38457b613b6fe2bd5c4488c

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from makiya1202/awesome-codex-computer-use

analytics-metrics SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/analytics-metrics/SKILL.md · Build data visualization and analytics dashboards. Use when creating charts, KPI displays, metrics dashboards, or data…
git:20260107.0951120 · audit A · 2 stars
aws-account-management SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/aws-account-management/SKILL.md · Manage AWS accounts, organizations, IAM, and billing. Use when setting up AWS Organizations, managing IAM policies…
git:20260107.dce8966 · audit A · 2 stars
aws-agentcore SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/aws-agentcore/SKILL.md · Build AI agents with AWS Bedrock AgentCore. Use when developing agents on AWS infrastructure, creating tool-use…
git:20260107.0951120 · audit A · 2 stars
aws-strands SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/aws-strands/SKILL.md · Build AI agents with Strands Agents SDK. Use when developing model-agnostic agents, implementing ReAct patterns…
git:20260107.0951120 · audit A · 2 stars
bun SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/bun/SKILL.md · Build fast applications with Bun JavaScript runtime. Use when creating Bun projects, using Bun APIs, bundling, testing…
git:20260107.dce8966 · audit B · 2 stars
cloudflare SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/cloudflare/SKILL.md · Build and deploy on Cloudflare's edge platform. Use when creating Workers, Pages, D1 databases, R2 storage, AI…
git:20260107.dce8966 · audit A · 2 stars
copilot-docs SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/copilot-docs/SKILL.md · Configure GitHub Copilot with custom instructions. Use when setting up .github/copilot-instructions.md, customizing…
git:20260107.edb38fd · audit A · 2 stars
fal-ai SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/fal-ai/SKILL.md · Generate images, videos, and audio with fal.ai serverless AI. Use when building AI image generation, video generation…
git:20260107.dce8966 · audit A · 2 stars
github-trending SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/github-trending/SKILL.md · Fetch and display GitHub trending repositories and developers. Use when building dashboards showing trending repos…
git:20260107.0951120 · audit A · 2 stars
langchain SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/langchain/SKILL.md · Build LLM applications with LangChain and LangGraph. Use when creating RAG pipelines, agent workflows, chains, or…
git:20260107.edb38fd · audit A · 2 stars
mermaid-diagrams SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/mermaid-diagrams/SKILL.md · Create diagrams and visualizations using Mermaid syntax. Use when generating flowcharts, sequence diagrams, class…
git:20260107.0951120 · audit A · 2 stars
mobile-responsiveness SKILL.md skill
makiya1202/awesome-codex-computer-use · skills/mobile-responsiveness/SKILL.md · Build responsive, mobile-first web applications. Use when implementing responsive layouts, touch interactions, mobile…
git:20260107.edb38fd · audit A · 2 stars

Every file in makiya1202/awesome-codex-computer-use

Other files named figma

figma SKILL.md skill
heygen-com/hyperframes · skills/figma/SKILL.md · Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections →…
git:20261004.0c3e244 · audit B · 67,662 stars
figma SKILL.md skill
coco-research/coco · systems/hyperframes/skills/figma/SKILL.md · Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections →…
git:20260731.bfbba18 · audit B · 827 stars
figma SKILL.md skill
skillmds/skillmd · plugins/agents-mcp/skills/figma/SKILL.md · Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections →…
git:20260919.fecc0d5 · audit B · 250 stars
figma SKILL.md skill
3x-haust/oh-my-design · skills/figma/SKILL.md · Implement an already chosen Figma target faithfully while verifying unrepresented behavior, states and responsive gaps.
git:20260927.be1b227 · audit A · 202 stars
figma SKILL.md skill
letta-ai/skills · tools/figma/SKILL.md · Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma…
git:20260422.d32735f · audit A · 150 stars
figma SKILL.md skill
seaworld008/commonly-used-high-value-skills · openclaw-skills/figma/SKILL.md · Fetch Figma design context, variables, screenshots, and assets through MCP when working from Figma URLs or node IDs, or…
v1.0.1 · audit A · 73 stars
figma SKILL.md skill
vodailocz/kilo-kit-mcp · skills/design/figma/SKILL.md · Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma…
git:20260502.38d5305 · audit A · 28 stars
figma SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/frontend-ui/figma/SKILL.md · Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections →…
git:20260820.4dbe9e4 · audit B · 24 stars

Browse by kind, by grade A, or by owner.