Loading video...

Video Failed to Load

Go Home

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 Zach Johnston shows he prototyped AI chat feature for Toma in Figma 👇

14,607 views • 1 year ago •via X (Twitter)

9 Comments

Jay from 👀 Sneak Peek's profile picture
Jay from 👀 Sneak Peek1 year ago

Watch the full interview here 👇

Mario's profile picture
Mario1 year ago

@zach__johnston @magicaltome @figma There’s a plugin that helped me simulate typing effect in figma @zach__johnston

Brandon McConnell's profile picture
Brandon McConnell1 year ago

@zach__johnston @magicaltome @figma This is do impressive but also crazy. If @figma would just allow us to connect Figma Variables to TS string properties like .length, all of this could be streamlined. Been asking for this for years 🙏🏼

Anima's profile picture
Anima1 year ago

📢It is live! @figma design to @MUI_hq or @AntDesignUI "Whether your design is well organized or a bit chaotic, using standard components or none, Anima takes it all and translates it into high-quality #MUI or #AntDesign code."-->

Jed Bridges's profile picture
Jed Bridges1 year ago

@zach__johnston @magicaltome @figma You can do freeform typing with figma variables now

Jay from 👀 Sneak Peek's profile picture
Jay from 👀 Sneak Peek1 year ago

@zach__johnston @magicaltome @figma Cool! Good to know!!

P☻SH Pixel's profile picture
P☻SH Pixel1 year ago

@zach__johnston @magicaltome @figma This is super helpful!

Brendo's profile picture
Brendo1 year ago

@zach__johnston @magicaltome @figma Seems like a waste of time. Especially its ai assisted code tools out in the wild now. Probably just easier to build a prototype that way.

OKAY's profile picture
OKAY1 year ago

@zach__johnston @magicaltome @figma I have a better approach to that first animation....it's kinda simple and you don't really need to all that component

Related Videos