Rivet logo

Rivet

GitHub
Figma
VS Code

Visual editor that generates production code

About Rivet

Rivet is a visual editor designed for designers. It allows users to set their vision and explore multiple design directions. With Rivet, you can select real elements from your application and generate different UI variants. Additionally, it enables you to leave comments on items you wish to refine, ensuring every detail is considered. Rivet is crafted to allow designers to focus more on creative direction rather than the technical aspects of coding. With AI tools at your fingertips, Rivet paves the way for a new era of design.

Source: Rivet official website

Key Features

Visual direction

allows designers to explore multiple design directions

UI variants

generate different versions of user interfaces

Visual feedback

leave comments on items to refine

Practical Use Cases

Creating user interface mockups
Exploring different color palettes for applications
Reviewing and adjusting designs based on client feedback
Starting from
On Request
per user
Visit