Sigma
<h2>Sigma</h2><p>Sigma is a Figma plugin of automatically generate SwiftUI code from Figma</p><p><br></p><p><a href="https://www.youtube.com/watch?v=zbCIWoMfsa0" rel="noreferrer noopener nofollow ugc" target="_blank">Video</a></p><p><a href="https://figma-to-swiftui.notion.site/figma-to-swiftui/Sigma-Document-en-da2b1b6d8e924373bb2e0630a3ea2ef6" rel="noreferrer noopener nofollow ugc" target="_blank">Document</a></p><p><a href="https://github.com/bannzai/sigma" rel="noreferrer noopener nofollow ugc" target="_blank">GitHub</a></p><p><br></p><h2>Supported</h2><ul><li>VStack</li><li>HStack</li><li>LazyVGrid</li><li>LazyHGrid</li><li>Image(systemName:)</li><li>AsyncImage</li><li>Text</li><li>TextField</li><li>Button</li><li>Divider</li><li>Spacer</li><li>ScrollView</li><li>List</li></ul><p><br></p><p>and some modifiers too.</p><p><br></p><h2>How to use?</h2><ol><li>🐣Select layer</li><li>🧸 Exec <strong>Sigma </strong>from plugin list </li><li>📖After, It is shown dialog with SwiftUI code </li><li>📋Tap [Copy to Clipboard] Button </li><li>🔜Paste SwiftUI Code to Xcode from clipboard</li><li>🛠Run it </li></ol><h2><br></h2>
Plugin Preview
About this plugin
Sigma
Sigma is a Figma plugin of automatically generate SwiftUI code from Figma
Supported
- VStack
- HStack
- LazyVGrid
- LazyHGrid
- Image(systemName:)
- AsyncImage
- Text
- TextField
- Button
- Divider
- Spacer
- ScrollView
- List
and some modifiers too.
How to use?
- 🐣Select layer
- 🧸 Exec Sigma from plugin list
- 📖After, It is shown dialog with SwiftUI code
- 📋Tap [Copy to Clipboard] Button
- 🔜Paste SwiftUI Code to Xcode from clipboard
- 🛠Run it
Plugin Details
| Version | 6 |
|---|---|
| Created | December 22, 2021 |
| Last Updated | January 11, 2022 |
| Category | Software development |
| Creator | bannzai |
| Stats | 630 installs, 59 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:lib/ui.html
- main:lib/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.