ExFig

Export colors, typography, icons, and images from Figma and Penpot to Xcode, Android Studio, Flutter, and Web projects — automatically. Runs on macOS, Linux, and Windows.

The Problem

• Figma has no "Export to Xcode" button. You copy hex codes by hand, one by one.
• Switching from Figma to Penpot? Your export pipeline shouldn't break.
• Every color change means updating files across 3 platforms manually.
• Dark mode variant? An afternoon spent on light/dark pairs and @1x/@2x/@3x PNGs.
• Android gets XML. iOS gets xcassets. Flutter gets Dart. Someone maintains all three.
• Design and code drift apart because nobody runs the manual export often enough.

Who Is This For?

iOS developer — You have 100+ colors and 200+ icons. ExFig generates Color Sets with light/dark/high-contrast variants, PDF vectors in .xcassets, and type-safe SwiftUI + UIKit extensions.

Android developer — Your team uses Compose but legacy views need XML. ExFig generates both: colors.xml for views, Compose Color objects, and VectorDrawable icons with pathData validation.

Flutter developer — You need dark mode icon variants and @2x/@3x image scales. ExFig exports SVG icons with dark suffixes, raster images with scale directories, and Dart constants.

Design Systems lead — One Figma or Penpot file feeds four platforms. ExFig's unified PKL config exports everything from a single exfig batch run. One CI pipeline, one source of truth.

CI/CD engineer — Quiet mode, JSON reports, exit codes, version tracking, and checkpoint/resume. The GitHub Action handles installation and caching.

Quick Start

# 1. Install
brew install designpipe/tap/exfig

# 2. Set Figma token (or PENPOT_ACCESS_TOKEN for Penpot)
export FIGMA_PERSONAL_TOKEN=your_token_here

# 3a. Quick one-off export (interactive wizard)
exfig fetch

# 3b. Or generate config for full pipeline (interactive wizard)
exfig init
exfig batch exfig.pkl

See the Getting Started guide for detailed setup, including Mint, mise, and building from source.

GitHub Action

- uses: DesignPipe/exfig-action@v1
  with:
    figma_token: ${{ secrets.FIGMA_TOKEN }}
    command: batch exfig.pkl
    cache: true

Claude Code Plugins

Use ExFig directly from Claude Code with the exfig-plugins marketplace:

claude /plugin marketplace add https://github.com/DesignPipe/exfig-plugins

Includes MCP integration, setup wizard, config review, troubleshooting, and /export-* slash commands.

Documentation

Full documentation — platform guides, configuration reference, batch processing, design tokens, custom templates, and MCP server — is available at DesignPipe.github.io/exfig.

Configuration reference: CONFIG.md.

Contributing

See the Development Guide for setup, testing, and code style.

License

MIT. See LICENSE.

_{Originally inspired by figma-export.}