跳转到主要内容

figma-code-connect-components

星标64,000
分支7,552
更新时间2026年4月28日 13:28

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`.

· 实时索引

安装

用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。

想先保存到本地?可下载 RuleHub 当前索引到的 GitHub 仓库压缩包。

下载 Zip
文件资源管理器2 个文件
SKILL.mdreadonly
namefigma-code-connect-components
descriptionConnects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect",...

figma-code-connect-components

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.

When to use

Use this skill when the user needs help with tasks related to figma code connect components.

Guidelines

  • Follow repository conventions in warpdotdev/warp
  • Prefer minimal, focused changes
  • Validate outputs before finishing