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

Jul 18, 2020 · 3:31 PM UTC

448
3,182
1,546
15,329
0
It uses modified code I had written previously to get a rudimentary version working:
jordan singer
 @jsngr
18 Feb 2020
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"
9
35
5
427
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.
4
13
3
268
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
193
High level order of operations: raw text → Figma canvas representation → Figma plugin code
12
7
233
Replying to @jsngr
This looks like a parody but is not.
1
4
there’s more stuff happening in the plugin logic once I’ve got the output than I’d like to admit, but that will change soon!
1
8
Replying to @jsngr
You’re at the end of this video 🙂 piped.video/_x9AwxfjxvE

OpenAI GPT-3 - Good At Almost Everything! 🤖

❤️ Check out Weights & Biases and sign up for a free demo here: https://www.wandb.com/papers ❤️ Their instrumentation of a previous OpenAI paper is available...

youtube.com
1
1
7
thanks for sharing!
1
Replying to @jsngr
Next up, teaching GPT-3 some SwiftUI?
2
1
67
you know it
59
Load more