How it works: I made a basic representation of the Figma canvas which GPT-3 generates after providing a few raw text examples. I then take that representation and translate it into Figma plugin code to build a screen.
I want to show you just how easy it is to recreate this Control Center widget in SwiftUI with interaction, animations, and all using a Swift Playground.
Thread 👇
Using Swift Playgrounds (on iPad or Mac), let’s make the circle + icon component (using SF Symbols) and add some text beneath it.
We place these together in a VStack (vertical stack) to get them to vertically stack on top of one another.
Next, let’s make a 2x2 grid of the component we just made.
We’ll place two HStacks (horizontal stacks) inside of a single VStack so to do this.