Best of Figma — May 2023

1. 1
   Article

   Community Picks·3y

   Vivid — Call your designs from your code.

   Vivid is a tool that syncs Figma designs with code by generating and updating UI code based on the designs. It isolates design styles, allowing developers to focus on functionality and logic.

   64

   1
2. 2
   Article

   Community Picks·3y

   Mastery Games

   Master CSS Grid and Flexbox for building amazing UIs quickly. Level up coding skills with the Mastery Games on Indie Hackers.

   17

   2
3. 3
   Article

   Headway·3y

   Design to Code: The Role of Atomic Design in Front-End Development

   " atomic design" is a methodology for designing and building user interfaces in a systematic and structured way. The methodology was created by Brad Frost and is based on the idea that complex user interfaces can be broken down into smaller, more manageable parts or building blocks. Using atomic design, designers and developers can create a more efficient and cohesive design process.

   14

   1