Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in
CVA - Component Variants Automator

CVA - Component Variants Automator

Let CVA Handle Figma Variants: You Focus on Design.

48 followers

Let CVA Handle Figma Variants: You Focus on Design.

48 followers

Visit website
Interface design tools
•
Figma Plugins
•
Graphic design tools
CVA is a plugin made for Figma that generates component variants automatically. It frees you from tedious tasks and helps you save many hours of work.
  • Overview
  • Launches1
  • Reviews
  • Team
  • More
Company Info
cva.designGitHub
CVA - Component Variants Automator Info
Launched in 2025View 1 launch
Forum
p/cva-component-variants-automator
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialInstagramMediumThreadsX
Intercom
Intercom — Startups get 90% off Intercom + 1 year of Fin AI Agent free
Startups get 90% off Intercom + 1 year of Fin AI Agent free
Promoted

Do you use CVA - Component Variants Automator?

CVA - Component Variants Automator gallery image
CVA - Component Variants Automator gallery image
CVA - Component Variants Automator gallery image
CVA - Component Variants Automator gallery image
Free Options
Launch tags:
Design Tools•Productivity•UX Design
Launch Team / Built With
Raiane RezendeSaulo ValloryThiago Nunes
Svelte
Figma Plugin SDK
Plugma

What do you think? …

Raiane Rezende
Raiane Rezende
Maker
📌

We spent 2 years working on CVA, so you can forget manual variants!

CVA is a plugin for Figma that does the repetitive work for you.

After more than two years of refining and testing, we’ve made it simple:

🪄 Instant Variants - No more repetitive clicks. Generate all possible variants in one go!
🔮 Link Properties - Control the output by linking properties. This ensures that certain properties always vary together. For example, if you have a button component and link the label size with the icon size, both will adjust simultaneously, keeping your design consistent.
💚 Have a Healthier Design System - Simplify and accelerate the process of managing variants. Less manual work means fewer mistakes and a cleaner, more scalable system.
This is something we (a small team of 4 very persistent people) have obsessed over for years to make your workflow smoother.

Try it out and let us know what you think!

We are everywhere, just check out our bento: bento.me/cva

Report
6mo ago
Henrique Jardim
Henrique Jardim

@rai_rezende Congratulations for the entire team!!

Report
6mo ago
Raiane Rezende
Raiane Rezende
Maker
@henrique_jardim thank you! It’s been a journey!
Report
6mo ago
Camden Granger
Camden Granger

How does it deal with complex components that have multiple nested elements?

Report
6mo ago
Saulo Vallory
Saulo Vallory
Maker
@camden_granger hi there! I'm not sure what you mean, but using nested instances is basically how you make the most out of CVA. That way you can generate variants with each of the nested instances variants you want. You can choose not to allow all nested instance options, unlike when you simply "expose nested instance properties" in Figma
Report
6mo ago
Hina Siddiqui
Hina Siddiqui

@rai_rezende Can users set predefined rules for variant generation such as size, state and theme combinations?

Report
6mo ago
Saulo Vallory
Saulo Vallory
Maker
Hello, @hina_siddiqui :) Yes! The way you do that today is by encapsulating those rules in nested components, using the cascading components technique. It sounds complicated, but when you see it you get it, and the playground in Figma showcases this. But we are already working on the next version which will allow you to do that by setting up rules and variation sources (which can be variable collections/modes, styles, a CSV, or even random generators like randomuser.me)
Report
6mo ago
Reviews
Helpful
Review CVA - Component Variants Automator?Be the first to review CVA - Component Variants Automator