Swift Colors
by Emil Baehr
Swift Colors is a simple plugin for exporting color tokens to a Swift color theme.FeaturesMap color tokens in Figma to a type-safe Swift color theme file autom…
Installs
481
Likes
40
Users
2,310
Views
4,147
Preview
About this plugin
Swift Colors is a simple plugin for exporting color tokens to a Swift color theme.
FeaturesMap color tokens in Figma to a type-safe Swift color theme file automatically.
Define light and dark mode color behaviour directly from Figma, by organising your color tokens in light and dark mode palettes.
How to use1. Prepare your file's color tokensOrganise color styles into a light and dark mode color palette in the Color Styles panel. Figma color styles can be organised in groups by prefixing the color style name with the group name.
For example: "Light Mode/Buttons/Primary""Dark Mode/Buttons/Primary"If you don't have a dark mode color palette yet, the plugin will use the light mode palette for dark mode too.
2. ExportExport the .swift file to your Xcode project.
3. Use in XcodeUse your color theme by calling the desired color token name in your code. For example:button.backgroundColor = Buttons.primary
4. See it in action! If you have defined both a light and dark mode color palette that contains a color style for Buttons.primary, iOS will automatically change between the two variants based on the user's preference.
Why it worksThe exported theme file includes an extension on UIColor that automatically adapts to light and dark mode variants based on the current UITraitCollection.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.