Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

figma-code-connect-components

Estrelas68.730

Forks7.735

Atualizado11 de maio de 2026 às 09:48

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

nexu-io

nexu-io/open-design

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Designers de interfaces web e digitaisInformática e Matemática·SOC 15-1255

SKILL.md

readonly

Mais deste repositório

mesmo repositório

magazine-web-ppt

nexu-io/open-design

Generates an "editorial magazine × electronic ink" style horizontal-swipe web deck (a single HTML file), with a WebGL fluid background, serif headlines + sans-serif body, act dividers, big-number data pages, image grids, and more templates. Use when the user wants to make a talk / share / launch-style web deck, or mentions "magazine-style PPT", "horizontal swipe deck", "editorial magazine", or "e-ink presentation".

2026-06-1768.7k

deck-guizang-editorial

nexu-io/open-design

Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).

2026-06-1768.7k

deck-open-slide-canvas

nexu-io/open-design

Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.

2026-06-1768.7k

deck-swiss-international

nexu-io/open-design

16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).

2026-06-1768.7k

frontend-slides

nexu-io/open-design

Create animation-rich, zero-dependency HTML presentations on a fixed 1920×1080 stage that scales to any viewport. Distinctive typography, committed palettes, choreographed reveals — no generic AI-slop aesthetics.

2026-06-1768.7k

fs-creative-voltage

nexu-io/open-design

Creative Voltage decks: retro-modern electric blue × deep navy split panels, neon yellow badges, halftone dot textures, and script flourishes on a fixed 1920×1080 stage that scales to any viewport. Syne + Space Mono + Yellowtail. Single-file, zero-dependency HTML.

2026-06-1768.7k

name	figma-code-connect-components
description	Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.
triggers	["figma code connect","design to code","figma components","code connect"]
od	{"mode":"design-system","category":"figma","upstream":"https://github.com/figma/skills"}

figma-code-connect-components

Curated from Figma's MCP server guide.

What it does

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

Source

Upstream: https://github.com/figma/skills
Category: figma

How to use

This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/figma/skills

Then ask the agent to invoke this skill by name (figma-code-connect-components) or with one of the trigger phrases listed in this skill's frontmatter.