Components AI
This advertisement has not been verified
To feature it in our catalog and promote it to users, please complete the payment process.
Verify and promote
Components AI

Components AI

Check out a fresh way to work with generative design systems...
5.0(1)
View details

Product Information

Description

Check out a fresh way to work with generative design systems.

How to use

Create custom design tools without writing any code. Build responsive components, pages, and websites that work for any web project. Style your templates with pre-made themes or your own unique design elements.

Useful cases

Make responsive components, pages, and entire sites. Build your own custom design tools. Explore and refine generated designs. Create generative components and graphics. Share and work together with colleagues or clients.

Core features

  • Share your designs instantly with colleagues or clients for presentations or teamwork. Design using scales and systems, so components automatically follow your brand rules, but you can still make custom tweaks. Browse through pre-made settings you can customize or adapt for your designs. Get quick visual feedback to check contrast scores and ensure accessible color combinations within a theme. Use the full Google Font Library, plus any fonts you have installed locally. Easily adjust values across your defined breakpoints to design for multiple screen sizes, managing responsive typography, layout, and spacing. Flip through generated designs or create your own from scratch using simple parametric controls. Export your designs in an expanding array of formats, including React, JS, JSON, JSX, SVG, PNG, HTML, CSS, CSS custom properties, and Sass. Tweak design parameters for a perfect fit. Vote on generated designs to make future outputs even better. It's the first design tool to offer complete support for variable fonts, showing all custom axes for enhanced control. Import or define design tokens to use in all your creative projects.
This website uses cookies
A cookie is stored on your device to give you a better experience of the website. By continuing to browse the site, you agree to this. If you want more information, read about our Cookies Policy.