Skills
.Work. You
Rest

Notion & Figma Integration

Community

Sync Notion and Figma workflows

Design & Creative#automation#design#project management#integration#figma#notion
AuthorGrizzwaldHouse
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill bridges the gap between design and documentation by automating data transfer between Figma and Notion, ensuring project consistency and reducing manual data entry.

Core Features & Use Cases

  • Sync Design Components: Automatically create or update Notion database entries from Figma components.
  • Export Design Tokens: Transfer design token information (colors, typography, spacing) from Figma to Notion for documentation.
  • Keep Project Pages in Sync: Ensure Notion project pages reflect the latest status or structure of linked Figma files.
  • Use Case: A product designer can update a component in Figma, and this skill can automatically update the corresponding entry in a Notion project management database with the component's name, description, and last modified date.

Quick Start

Use the Notion & Figma Integration skill to sync all components from the 'Design System v2' Figma file to the 'Components' Notion database.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Notion & Figma Integration
Download link: https://github.com/GrizzwaldHouse/cowork-skills/archive/main.zip#notion-figma-integration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.