Figma Flutter Generator

A powerful CLI tool for Figma to Flutter integration

Figma Flutter Generator Cover

Introduction

Figma Flutter Generator is a powerful command-line tool that bridges the gap between Figma and Flutter development. It provides two main features:

Icon Font Generation

  • Fetch SVG icons directly from Figma using the Figma API
  • Convert SVGs to an icon font with corresponding Flutter class
  • Support for both PDF and SVG icon downloads
  • Automatic handling of complex SVG features

Theme Generation

  • Generate Flutter theme files from Figma variables
  • Support for multiple theme modes (light/dark)
  • Automatic color, typography, and spacing variable conversion
  • Type-safe theme generation

Key Features

šŸ”„ Direct Figma Integration

  • Seamless connection with Figma API
  • Real-time asset synchronization
  • Automatic updates when designs change

šŸŽØ Flexible Asset Handling

  • Support for both PDF and SVG formats
  • High-quality vector preservation
  • Handles complex SVG features and effects

šŸ“¦ Optimized Output

  • Generates optimized icon fonts
  • Creates type-safe Flutter classes
  • Produces clean, maintainable theme files

Developer Experience

  • Simple command-line interface
  • Verbose mode for detailed logging
  • Comprehensive error handling

Getting Started

To get started with Figma Flutter Generator, check out our Installation guide, or dive into specific features:

Quick Example

# Generate icon font
figma_flutter_generator icons \
  --token YOUR_FIGMA_TOKEN \
  --file abc123xyz \
  --node 456:789 \
  --output ./lib/icons

# Generate theme files
figma_flutter_generator variables \
  --token YOUR_FIGMA_TOKEN \
  --file abc123xyz \
  --output ./lib/theme

Support

If you encounter any issues or need help, check out our Troubleshooting guide or visit our GitHub repository.

Authors

Developers

Company

Developed and maintained by Shopbox APS - A leading provider of point-of-sale and payment solutions.

License

This project is licensed under the MIT License. See the LICENSE file for details.