Show HN: Vivid – Hand off ready-to-use components from Figma

Product designers meticulously create pixel-perfect designs in Figma using components, variant properties, and autolayouts – why should developers repeat that work in code?

Vivid cuts out redundant work by letting designers own UI while devs focus on functionality. Link your existing React components to those in Figma, create GitHub PRs from completed designs, and automatically reuse components even after developers have added functionality.

Vivid currently supports TypeScript React with CSS Modules and Tailwind CSS. We’re working hard to add better responsiveness support, auto-modularity, and existing component linking.