Smash Notes

Back to The New Full-Stack Designer, with Aaron Epstein & Marvin Schwaibold.

How Does Figma Help Codex Build Motion?

Marvin Schwaibold uses Figma as a scratch pad so a broad sketch can carry motion he cannot put into words, then he gives the idea to Codex. He thinks Codex interprets the image the way he interpreted it. Codex understood what he was doing and how he was thinking about the motion.

On a side project over a weekend, he wanted a two by three overview of grass studies and videos he took. Opening any video and dragging down closes it, and the interaction works the same in the simulator. He described it to AI while working in Codex, and Codex built it, but the close was not interruptible. Every time he clicked an asset and pulled it down, he had to wait until the asset was all the way back in position and sat down before he could tap another image. The pattern has to stay very responsive very quickly, or the interface gets annoying very fast. In Figma he drew rudimentary simple boxes. Click the box and red comes up, ready to swipe away. While the swipe is still moving, a click on blue brings blue up, and green works the same way.

The scratch pad makes decompiling an idea easier for him, and Codex decompiles it easily when Codex sees the picture. Articulating the motion by text or voice failed. Drawing it out worked. Codex and current AI software are extremely capable of creating anything, as long as he knows the work, takes a harder concept such as a shader, breaks it into small components, understands each component, and puts the pieces back together.

Grokipedia·Figma·Codex

Transcript

The New Full-Stack Designer ·

Y Combinator

More from this episode

  1. Does AI Know What Looks Good?Marvin Schwaibold says AI does not know what looks good and what looks bad. He decides and steers it. AI has raised the ceiling, and it is not a crafter.
  2. Why Are Prototypes More Useful Than a Product Requirements Document?Marvin Schwaibold says a working prototype is a million times more useful than any product requirements document, because it spreads through the company and a…
  3. Why Are Designers Becoming Full-stack?Marvin Schwaibold says designers are becoming more full-stack, and he puts engineers and product managers on the same shift.
  4. What Is the Design Tool Dialkit?Marvin Schwaibold plugs Dialkit into a project so variables can be created and then tweaked in place.
  5. What Is a Website's One Primary Goal?Marvin Schwaibold says a website should have one specific primary goal, the main thing a user should do on arrival, and the whole narrative should be built…
  6. Why Put Important Content High on a Homepage?Marvin Schwaibold puts important content at the top of a homepage because people drop off as they scroll.
  7. Why Do Two Changing Headline Words Confuse Visitors?Marvin Schwaibold says two placeholder elements changing at once inside a headline disorient a visitor.
  8. Why Is Smooth Scrolling Bad for Websites?Marvin Schwaibold says smooth scrolling on websites is a disaster in the industry.
  9. What Is Blossom Carousel?Marvin Schwaibold points founders to Blossom Carousel, a carousel kit Jasper Voss has been building.

People

More answers like this

The other side

Related episodes

Plays from this note through the rest of the episode.

Weekly highlights

One letter a week.

The notes worth hearing, with the minute they were said.