Relate - Design and develop at the same time


What is Relate all about?

Relate is all about changing the game so designers and developers will work together on the real medium - the web. We created a pure abstraction on top of the same code the browser runs - HTML/CSS/JS. It opens a direct connection to the medium and a seamless design and development workflow for product teams. With Relate designers and developers can work better and faster.

Why is Relate different?

Relate is a production tool, getting the visual design process closer into the development environment - the real source of truth. The existing design tools such as Sketch and Figma are focusing on ideation, only simulating the functionality of the final product. Webflow and other website builders are saying "no-code" while we're saying "with-code".

What's a library?

A library is a live project that includes pages, components, states, styles... All of what makes a design system and the visual implementation of it. A library can be reused in another Relate library or continuously sync to a different codebase.

What does Relate output?

Relate beta is all about the basics - You get vanilla HTML/CSS. We'll soon add the components layer and support production-ready React components.

Can I download my project?

Of course.

Will Relate add any dependencies to my project?

No, you use the components that you created from within your library without any other dependencies.

Is Relate a desktop app or web app?

Relate is a progressive web app - which means you'll be able to install it on your desktop too if you got Chrome 70+. (At the moment Relate works only on the web).

Is Relate free?

At the basis, public libraries will forever remain free while private libraries will be hosted under a paid plan.

Will Relate support the other frameworks too?

Yes. Down the road we'll be able to produce React Native, Vue.js, Preact. You name it.
You can always track our progress and status in our Spectrum community, check our public roadmap and release notes.

Can Relate import code?

Basically, yes! As a first step, you will be able to render your NPM/GIT libraries (as dependencies) and mix your code with Relate generated code. Later on, we'll support editing the generated code and let it flow in both ways.