Skip to content

Latest commit

 

History

History

product

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

This document covers how to contribute to the Webstudio Builder UI design.

Webstudio Design Files

Our design system and component library lives here in the Webstudio Library

Our feature designs and documentation are here in the Webstudio Design Docs

Contribute to Webstudio's UI Design

  1. Open the Library and Docs files above and copy them to your personal Figma account. We do not allow edit access to our design files but you can duplicate them in order to use our design assets.
  2. Familiarize yourself with the design system by exploring the docs. Start with the first page of the Design Docs file, named "Component Docs".
  3. Start a discussion by creating a github issue here. This is where you can describe your design suggestions, post links or screenshots of your design experiments, and the team can discuss with you and provide feedback. Design at Webstudio is a collaborative effort.

Questions

If you have questions about the UI design or about contributing, please join us on Discord. We have a channel specifically for #design-discussions