skills.rest
penpot
penpotOFFICIAL
Explore all skills by this author →
Website𝕏@penpotappGitHub

penpot-migrate

Convert Figma designs to Penpot while preserving layout, components, and design tokens.

33|3|Updated Jun 18, 2026
Search Tags:#Figma#Penpot#component conversion#layout conversion#design migration
One-click install
npx skills add https://github.com/penpot/penpot-ai-kit --skill penpot-migrate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: penpot-migrate
Source: https://github.com/penpot/penpot-ai-kit/tree/main/skills/penpot-migrate
Command: npx skills add https://github.com/penpot/penpot-ai-kit --skill penpot-migrate

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires shared/penpot-mcp-tool-reference.md, shared/plugin-api-gotchas.md, shared/tokens-schema.json, shared/naming-conventions.md, shared/state-management.md, shared/modes-and-policies.md, shared/visual-self-review.md, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables the migration of Figma designs to Penpot with high fidelity, ensuring that the original layout, components, and design tokens are preserved.

Core Features & Use Cases

  • Figma to Penpot Migration: Converts Figma files to Penpot, maintaining the original design structure.
  • Layout and Component Preservation: Retains Figma's Auto Layout, variables, and component sets as Penpot flex/grid layouts, tokens, and variants.
  • Use Case: For designers looking to convert their Figma designs to Penpot for further development and collaboration.

Quick Start

Migrate your Figma design to Penpot by running the penpot-migrate skill.

Frequently Asked Questions about penpot-migrate

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

FAQPage Schema
How do I migrate Figma designs to Penpot while preserving auto layout and components?▼

Migrating Figma designs to Penpot preserves layout and components by converting auto layout, variables, and component sets into Penpot flex grids, tokens, and variants. This process uses an intermediate representation to ensure high fidelity and compatibility between platforms.

Can I convert Figma component sets and variables into Penpot variants and design tokens?▼

Yes, you can convert Figma component sets and variables into Penpot variants and design tokens. The migration process maps Figma's component structures and variables directly to Penpot's token system and variant components to maintain design system integrity.

What do I need to connect Figma and Penpot for design file migration?▼

To connect Figma and Penpot for design file migration, you need access to both the Figma and Penpot MCPs. The Figma MCP reads the source design data, while the Penpot MCP writes the converted layout and components to the target workspace.

Does converting Figma files to Penpot retain the original design structure and grid layouts?▼

Converting Figma files to Penpot retains the original design structure and grid layouts by using an intermediate representation. This approach ensures that complex layout hierarchies and visual relationships are accurately reconstructed in the Penpot environment.

What are the limitations of migrating Figma designs to Penpot?▼

Limitations of migrating Figma designs to Penpot include potential compatibility issues with proprietary Figma features that lack direct Penpot equivalents. The migration relies on intermediate representation mapping, which may require manual adjustments for complex edge cases.

Related Skills

Explore More Design & Creative Skills→
Pythagora-ioPythagora-io
9

figma

Extract structure, components, styles, and assets from Figma files via the REST API.

Official
Intermediate
lync-cyberlync-cyber
133

penpot-bridge

Bridge Penpot design data with frontend code generation and token synchronization.

Community
Advanced
phillip-hirschphillip-hirsch

plugin-structure

Explain Claude Code plugin architecture, directory layout, and component organization.

Community
Advanced
AnglesiteAnglesite
2

design-import

Import design tokens and page layouts from Canva or Figma into an Astro site.

Official
Advanced