ExFig

Export colors, typography, icons, and images from Figma to Xcode, Android Studio, Flutter, and Web projects — automatically.

The Problem

• Figma has no "Export to Xcode" button. You copy hex codes by hand, one by one.
• 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 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
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

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