skills.rest
Radiants-DAO
Radiants-DAOOFFICIAL
Explore all skills by this author →
Website𝕏@RadiantsDAOGitHub

radflow-figma-sync

Import or sync RadFlow design tokens from Figma via MCP.

1|Updated Dec 17, 2025
Search Tags:#typography#figma#colors#design-system#token-sync#radflow#token-import
One-click install
npx skills add https://github.com/Radiants-DAO/radtools --skill radflow-figma-sync
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: radflow-figma-sync
Source: https://github.com/Radiants-DAO/radtools/tree/main/.archive/docs-review/skills/radflow-figma-sync
Command: npx skills add https://github.com/Radiants-DAO/radtools --skill radflow-figma-sync

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Set up and synchronize the RadFlow design system from Figma, enabling a smooth initial import or updates for colors, typography, and spacing tokens.

Core Features & Use Cases

  • Import base tokens (colors, typography, spacing) from Figma for initial setup
  • Sync design-system updates after Figma changes
  • Prevent direct edits to core globals; manage via RadFlow tooling

Quick Start

Initialize or update your RadFlow design system from the connected Figma MCP workflow.

Frequently Asked Questions about radflow-figma-sync

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I import Figma design tokens into RadFlow?▼

Sync Figma design tokens with RadFlow by running the token-sync tool through a connected Figma MCP, which updates colors, typography, and spacing tokens after Figma changes. Development mode is required to prevent production changes.

What do I need to connect Figma to RadFlow for token sync?▼

To connect Figma to RadFlow for token sync you need a connected Figma MCP, RadFlow devtools installed, and development mode enabled to prevent production changes during the token import process.

Can I update RadFlow colors and typography after changing them in Figma?▼

You can update RadFlow colors and typography after Figma changes by running the sync workflow through your connected Figma MCP. This imports updated design tokens while preventing direct edits to core globals.

Why does RadFlow prevent direct edits to design system globals?▼

RadFlow prevents direct edits to design system globals to ensure all colors, typography, and spacing tokens remain managed via RadFlow tooling and Figma sync, maintaining a single source of truth for your design system.

Related Skills

Explore More Design & Creative Skills→
GrizzwaldHouseGrizzwaldHouse
6

Notion & Figma Integration

Synchronize design components, tokens, and project pages between Notion and Figma.

Community
Intermediate
Radiants-DAORadiants-DAO
1

radflow-design

Design RadFlow UI components with semantic tokens and System 7 styling.

Official
Advanced
jg-chalk-iojg-chalk-io

moai-design-systems

Automate design system creation and validation with tokens, components, and WCAG 2.2 checks.

Community
Advanced
Radiants-DAORadiants-DAO
1

radtools-figma-sync

Imports or updates RadTools design system tokens from Figma via the write-css API.

Official
Intermediate