Finally figured out how to get Figma AI to generate good, responsive React code!

1. Learn flexbox (a CSS convention) 
2. Treat your layers and auto layout like they’re flexbox
3. AI understands it and creates flexbox compatible, responsive code.

Finally figured out how to get Figma AI to generate good, responsive React code!

1. Learn flexbox (a CSS convention) 
2. Treat your layers and auto layout like they’re flexbox
3. AI understands it and creates flexbox compatible, responsive code.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Building. Bio: /crypto /ai /dev for a while rubinovitz.com

Eg AI *DOES NOT* understand when you leave something with an implied full width.

It’ll try to give the frame a very specific width like 10px instead.

In general if you’re rewarded for implementation speed it really pays to make your figma designs systematic and responsive right now.

AI can read it and code it.

Truly, when I figured out that flexbox and auto layout corresponded, life got much much easier. Thanks for sharing!