Wix Component Studio FAQ

What is WCS?

Wix Component Studio (WCS) is a visual editor for creating web applications with React. The platform allows teams to collaborate in a single environment, creating new projects or importing existing ones. All changes are synced to the code base using GitHub and can be updated outside of the browser using an IDE.

How can I access WCS?

WCS is an Electron application that you download to your local device. It is currently in a closed alpha stage. You can sign up for early access on the WCS website.

What technologies are currently supported?

WCS supports any React project built in TypeScript that uses CSS, CSS modules, SCSS, or Stylable as its styling solution. This includes full support for editing design systems, and any other component exported from a third-party library package.

Can I import files from design tools into WCS?

The short answer is ‘not yet’, but we’re working on a solution for this. A common practice in this industry is for designers to share their component design files with a developer who then builds the component in an IDE like Visual Studio Code.

Can I import the React project I’m working on?

Yes, provided that your project uses React and TypeScript. WCS may require minor configurations, but many React projects will work with WCS by default.

Can I create a new React app using WCS?

Yes, you can create a new React app with WCS. Choose one of our boilerplate projects and run the installation to get started.

Does WCS modify my project’s source code? What is the relationship between WCS and my source code?

In WCS, your project’s code is the source of truth. When you make changes in the UI, the changes are written directly to the code files of your project, and WCS always renders the latest code. This goes for complex logic like expressions inside repeaters the same as it does for styling – visual changes show up in the code, and changes to code show up visually on the stage and in WCS’s panels. a new React app with WCS. Choose one of our boilerplate projects and run the installation to get started.

Does WCS support the entire GitHub workflow?

Yes, WCS supports the entire GitHub workflow. All changes made to the code within the project folder are tracked by Git. WCS simplifies the Git and GitHub experience, allowing designers to update the project files within the visual interface. Within the WCS interface, users can push, pull, commit, revert, work with branches, and more.

Can I use third party libraries in WCS?

WCS fully supports the use of third party libraries and frameworks in your project. Soon you’ll even be able to add components from external libraries visually through the Add panel.

Do I need any prior coding experience to use WCS?

WCS is a collaborative tool for developers and designers. While basic knowledge of HTML and CSS is encouraged, it isn’t required to use WCS. New projects will likely require basic knowledge of HTML, CSS, JavaScript/TypeScript, and React to get started, but once the project is set up, designers can make changes in the editor.

How can WCS improve my team’s workflow?

WCS provides a single platform for all team members to collaborate effectively. It can help speed up the design and development processes while maintaining coding standards and conventions.

Try Our Demo