If a light-only color is present, it will be considered as universal color for the iOS color palette. The light color palette may contain more colors than the dark color palette. See CONFIG.md for more information in the colors section. You can then denote dark mode colors by adding a suffix like _dark. If you would like to specify light and dark colors in the same file, you can do so with the useSingleFile configuration option. One should contains a dark color palette, and the another light color palette. Styles and Components must be published to a Team Library.īy default, if you support dark mode your figma project must contains two files. If a color, icon or image is used only by the designer and it should not be exported, the word "none" should be specified in the description field.
#FIGMA IPO ANDROID#
If a color, icon or image is unique for iOS or Android platform, it should contains "ios" or "android" word in the description field in the properties. Generate figma-export.yaml config file using one of the following command:
#FIGMA IPO FOR ANDROID#
ConfigurationĪll available configuration options described in the CONFIG.md file.Įxample of figma-export.yaml file for iOS project - Examples/Example/figma-export.yamlĮxample of figma-export.yaml file for Android project - Examples/AndroidExample/figma-export.yaml figma-export icons - Exports all the icons.Īrgument -i or -input specifies path to FigmaExport configuration file figma-export.yaml. figma-export icons "ic/24/videoplayer/*" - Exports all icons which names starts with ic/24/videoplayer/ figma-export icons "ic/24/edit, ic/16/notification" - Exports two icons figma-export icons "ic/24/edit" - Exports only one icon. If you want to export specific icons/images you can list their names in the last argument like this:
#FIGMA IPO CODE#
Res.srcDirs += "src/main/res/figma-export-images"įor Typography, Colors and Icons you can enable code generation for the use with Jetpack Compose in your config file: Res.srcDirs += "src/main/res/figma-export-icons" Static var illZeroEmpty: UIImage directory before exporting all the images. Figma lightĪdditionally the following Swift file will be created to use colors from the code. When your execute figma-export colors command figma-export exports colors from Figma directly to your Xcode project to the Assets.xcassets folder.