Use it when your goal in design and media is clear and you can limit it to the data and actions it actually needs.
Directory → SKILL
SKILLcommunityHermes Registry
figma-code-connect-components
figma-code-connect-components is a skill related to design and media. It adds tools to create, read, or modify media such as designs, images, audio, or video.
Last registry verification2026-08-09v1.0.0openai
What does it add to Hermes?
figma-code-connect-components is a skill related to design and media. It adds tools to create, read, or modify media such as designs, images, audio, or video.
This plain-language explanation is based on the publisher description. The original text remains visible for verification.
Do not add it merely to experiment when Hermes already has a simpler path, or when you cannot review its source and permissions.
Best for users who want a repeatable way of working inside Hermes.
Start with a disposable asset and create a copy instead of changing the original.
Original publisher description
Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.
Data source
This entry was indexed from Hermes Registry. Our explanation interprets the type and domain without inventing a capability not present upstream.
Security review
Inspect SKILL.md, references, and bundled scripts. Hermes scans skills at install time, but a scan is not a guarantee.
Inspect, install, then test.
- 01Open the source
Match the publisher, license, and description to your need. Check the real update history.
- 02Review permissions and secrets
Never paste a secret value into this site. Use environment-variable names and grant the smallest scope.
- 03Copy setup only after review
The controls below copy text. They do not execute commands on your device.
- 04Test with a non-sensitive task
Inspect the visible tools, then exclude write or delete tools you do not need.
Review the command, then copy it.
hermes skills install https://raw.githubusercontent.com/hermesonehq/hermes-registry/main/skills/design/figma-code-connect-components/SKILL.md --name figma-code-connect-componentsHermes Belarabi does not execute this command. Installation happens on your device and remains subject to Hermes scanning and your review.