Figma Canvas Editor
Create and edit native Figma canvas objects with MCP when explicitly scoped. Use this skill when the user asks to add or change frames, sections, components, instances, auto layout, variables, styles, FigJam objects, connectors, Slides objects, or selected nodes in Figma, and when the task requires mutation evidence, rollback-aware scope, and design-system consistency.
Install
$ agentstack add skill-sergekostenchuk-ui-ux-agent-skill-system-figma-canvas-editor ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Links to your public security report.[](https://agentstack.voostack.com/security/report/skill-sergekostenchuk-ui-ux-agent-skill-system-figma-canvas-editor) Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
Figma Canvas Editor
Use this skill for direct Figma mutations. Read-only understanding belongs to figma-context-reader; token/library governance belongs to figma-design-system-sync.
Modes
create: add frames, sections, components, objects, or layouts.update: change selected nodes, layout, styles, variables, text, or component instances.delete: remove effects, nodes, variants, or obsolete objects only with explicit scope.figjam: edit FigJam objects, sections, connectors, and shapes.slides: edit Figma Slides content when the Slides skill is available.
Workflow
- Confirm target file/page/frame/node and exact mutation scope.
- Prefer duplicating important frames before broad changes.
- Invoke
figma:figma-usebefore anyuse_figmacall. For FigJam or Slides, invoke the relevant installed Figma skill as well. - Read current metadata before editing.
- Apply changes using native Figma objects, auto layout, components, variables, and styles where possible.
- Read metadata back after editing and capture screenshot/export evidence when available.
- Report changed targets, evidence, skipped checks, and rollback path.
Mutation Boundaries
- Do not make broad destructive changes without explicit approval.
- Do not detach instances, flatten vectors, rasterize editable text, or remove variables/styles unless the user requests that outcome.
- Do not invent node IDs or claim a selected node exists without MCP evidence.
- Keep design-system naming consistent with the existing file when visible.
Output Shape
Use [assets/canvas-edit-report.md](assets/canvas-edit-report.md).
Validation And Eval
- Verify that every mutation report includes target, scope, before evidence, after evidence, and skipped checks.
- Treat missing readback as
SkippedorBlocked, not as successful mutation evidence. - Use
evals/evals.jsonto forward-test scoped creation and destructive-delete prompts.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: sergekostenchuk
- Source: sergekostenchuk/ui-ux-agent-skill-system
- License: Apache-2.0
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.