This changes everything. 🀯 With GPT-3, I built a Figma plugin to design for you. I call it "Designer"

3:31 PM Β· Jul 18, 2020

431
3,233
1,545
14,442
886,187
It uses modified code I had written previously to get a rudimentary version working:
Natural language processing + @figmadesign An experimental plugin to talk to Figma and say things like "add a blue square" or "give me a pink circle that's 500px"
7
29
5
396
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.
3
12
1
247
The plugin then does additional work to layout the frame, fetch the image examples from Unsplash, and fetch SVG icon data from the Feather icons set.
2
9
0
174
High level order of operations: raw text β†’ Figma canvas representation β†’ Figma plugin code
10
7
0
212
Replying to @jsngr
@zoink This is insane
0
0
0
1
Replying to @jsngr
Next up, teaching GPT-3 some SwiftUI?
2
1
0
67
you know it
0
0
0
61
Replying to @jsngr
This is INSANE!!!
0
0
0
2
Replying to @jsngr
Instagram’s been real quiet since this dropped
3
0
0
118