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

画面収録 2021-12-19 9.24.12.mov

Mechanism

Sigma assumes that you have used Figma's Auto layout to create your UI.

If you have not applied Auto layout, the code may not be generated as intended.

Also, there may be things that exist in the design file but are not represented in the actual app code. For example, the notch, which is the front camera area on iPhone X and later, and the home indicator, which replaced the home button on iPhone X and later.

In order to deal with these issues, Sigma has some special markers to be written on Figma. For example, if you want to skip code generation for the notch and home indicators mentioned above, you can change the entry point of the Figma you want to generate by starting the component name with Sigma::Body

Supported Component

Marker

Road map