Product Information
What is Components?
A novel approach to exploring generative design systems
How to use Components?
Build custom design tools without writing any code. Create responsive components, pages, and sites for any web project. Style markup templates with curated themes or custom design values.
Core Functions of Components
Design Custom Design Tools, Generative Components, Pages, and Sites Visually
Import or Define Design Values for Use Across All Designs
Easily Loop Generate Designs or Create from Scratch with Parameter Controls
Adjust Parameters Until the Design is Perfect
Vote For or Against Generated Designs to Filter Future Results
Export Designs in Multiple Formats Including: React, JS, JSON, JSX, SVG, PNG, HTML, CSS, CSS Custom Properties, and Sass
Instantly Share Designs with Colleagues or Clients for Presentation or Collaboration
Design with Scale and Systems. Components Automatically Use Your Brand Guidelines and Retain the Ability to Override with Custom Values Anytime
Start Immediately with Your Visual Brand. Audit and Edit or Use Constraints to Drive Generative Components
Quick Visual Feedback Loop with Theme-Provided Contrast Scores and Accessible Combinations
Design Not Just for a Single Screen Size. Easily Target Values on Defined Breakpoints. Manage Responsive Typography, Layout, and Spacing
Full Support for the Entire Google Font Library + Any Locally Installed Fonts
The First Design Tool with Full Support for Variable Fonts. Automatically Exposes All Custom Axes for Fine-Grained Control Over Variable Font Capabilities
Browse Curated Presets to Customize or Use in Your Designs
Usage Scenarios of Components
- Build custom design tools
- Create responsive components, pages, and sites
- Design generative components and graphics
- Explore and iterate on generative designs
- Share and collaborate with colleagues or clients
Common Questions about Components
What are the pricing plans for Components AI?
Can I use Components AI for commercial projects?
Is Components AI compatible with other design tools?
Does Components AI provide customer support?
