Colors & Gradients
Copy individual colors and gradients or collect reusable document colors for an Xcode asset catalog.
DesigntoSwiftUI
Production-quality code straight from your favorite design tool.
Always free
Powerful Control
Choose how you want to move a design into SwiftUI code. Inspect shapes, colors, text labels, layouts, and more.
Text Labels
Translate system and custom font details into SwiftUI text that stays close to the original design.
Shapes
Carry dimensions, fills, opacity, rotation, shadows, and other shape details into your implementation.
Layout Stacks
Wrap selected elements in familiar HStack, VStack, or ZStack structures when you copy the code.
More control
Built for the handoff
Keep the design and the implementation close together, whether you are learning SwiftUI or saving time on production work.
Auto Layout
Turn Figma Auto Layout direction into practical SwiftUI layout structure.
Code Snippets
Save the SwiftUI snippets you reuse and keep them close to the design work.
Color Styles Export
Move document color styles into a downloadable Xcode asset catalog.
SwiftUI Inspector stays focused on the design details you selected and the code you can use next.
Get started
Add it to your workflow
Open the community plugin in Figma and start with a selected layer.
01
Add the Figma plugin
Open SwiftUI Inspector from the Figma Community and add it to your plugin list.
02
Inspect, copy, continue
Select a design element, inspect the SwiftUI details, and copy the useful code into Xcode.
Open in FigmaFree to get started