Examples

Example projects

The UI-Kit of the example project in Figma:

FigmaExport Example File [Light]

FigmaExport Example File [Dark]

Example iOS project

There are 2 example iOS projects in Example and ExampleSwiftUI directories which demostrates how to use figma-export with UIKit and SwiftUI.

How to setup iOS project

1. Open Example/fastlane/.env file.
2. Change FIGMA_PERSONAL_TOKEN to your personal Figma token.
3. Go to Example folder.
4. Run the following command in Termanal to install cocoapods and fastlane: bundle install
5. Run the following command in Termanal to install figma-export: bundle exec pod install

How to export resources from figma

• To export colors run: bundle exec fastlane export_colors
• To export typography run: bundle exec fastlane export_typography

Example Android project

There is an example Android Studio project in AndroidExample directory which demostrates how to use figma-export.

How to export resources from figma to the project

• To export colors run: figma-export colors
• To export typography run: figma-export typography

Example Android Jetpack Compose project

There is an example Android Studio project in AndroidComposeExample directory which demostrates how to use figma-export configured for Jetpack Compose.

You can find the generated code for compose in the package com.redmadrobot.androidcomposeexample.ui.figmaexport

How to export resources from figma to the project

• To export colors run: figma-export colors
• To export typography run: figma-export typography