Sigma::

Starting the component name with Sigma:: is a marker for special processing during the code generation process supported by Sigma.

• Sigma::Body

App::

By starting the name of the component with App::, the code will be generated as a special View. For example, if App::RepositoryCard and App::StarButton are included as shown in the image, the result of code generation is as follows

• Result

SwiftUI::

If you start the name of the component from SwiftUI::, it will automatically replace it with the currently supported SwiftUI View component. This is useful if you have a generic UI component like Button, but don't have a dedicated part for it in Figma

• SwiftUI::Button

• SwiftUI::TextField

• SwiftUI::Spacer

• SwiftUI::AsyncImage

• SwiftUI::LazyVGrid

• SwiftUI::LazyHGrid

• SwiftUI:ScrollView

• SwiftUI::List

SFSymbols::

If you start the name of the component from SFSymbols::, it will be instantiated using Image(systemName:) when the SwiftUI Image is generated. The argument part of systemName can be filled using the name after SFSymbols::. For example, if SFSymbols::star.fill, Image(systemName: "star.fill") will be generated.

• Example