Back to Plugins
Sigma

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>

iosipadosswiftuimacoscode-generators

Plugin Preview

Sigma preview

About this plugin

Sigma

Sigma is a Figma plugin of automatically generate SwiftUI code from Figma


Video

Document

GitHub


Supported

  • VStack
  • HStack
  • LazyVGrid
  • LazyHGrid
  • Image(systemName:)
  • AsyncImage
  • Text
  • TextField
  • Button
  • Divider
  • Spacer
  • ScrollView
  • List


and some modifiers too.


How to use?

  1. 🐣Select layer
  2. 🧸 Exec Sigma from plugin list
  3. 📖After, It is shown dialog with SwiftUI code
  4. 📋Tap [Copy to Clipboard] Button
  5. 🔜Paste SwiftUI Code to Xcode from clipboard
  6. 🛠Run it


Plugin Details

Version6
CreatedDecember 22, 2021
Last UpdatedJanuary 11, 2022
CategorySoftware development
Creatorbannzai
Stats593 installs, 52 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:lib/ui.html
  • main:lib/code.js
  • Editor Types:
    figma