Relate - визуальный веб-редактор.
Инструменты

Relate - визуальный веб-редактор.

Egor Komarov
Egor Komarov

Relate — это новый инструмент для дизайнеров, который меняет подход к проектированию и облегчает жизнь всей команде, ускоряя процесс создания продуктов. Он обеспечивает непрерывный рабочий процесс проектирования и разработки.  Создавая дизайн, вы сразу создаете код.

https://relate.app

На первый взгляд, это смесь Figma и web-конструктора сайта. Вы разрабатываете дизайн макета и он сразу создается в формате web.
Можно сразу создать сайт с доменом или даже импортировать макеты из Sketch или Figma и преобразовывать их в код. Код можно без проблем экспортировать. И конечно же, на платформе можно работать совместно.

Проект еще пока совсем молодой и это, можно сказать, бета версия. В любом случае, это очень интересный проект, за развитием которого будет интересно наблюдать. Он не совсем простой, требуется понимать основные принципы верстки, но если во всем разобраться, то платформа действительно сможет сблизить дизайнеров и разработчиков и ускорить процесс создания продуктов.

Что такое Relate?

Relate - это изменение игры - оно открывает прямое соединение со средой - Интернетом. Relate на 100% работает на том же коде, что и браузер - HTML / CSS / JS. Он обеспечивает непрерывный рабочий процесс проектирования и разработки.

Чем Relate особенный?

Существующие инструменты проектирования ориентированы на создание идей, только имитируя функциональность конечного продукта. Конструкторы веб-сайтов «просты», но недостаточно гибки, навязывают свои парадигмы и ограничивают возможности среды. И - они привязаны к поставщику. Хотя пользовательские решения, такие как WordPress, являются гибкими, они недостаточно просты и требуют еще больше ресурсов. Relate - это сделать сложное, а не сложным. Это инструмент производственного дизайна, который приближает процесс визуального дизайна к сети и открывает широкий спектр возможностей для авторов.

Является ли Relate настольным или веб-приложением?

Relate - это прогрессивное веб-приложение, а это значит, что вы также сможете установить его на свой рабочий стол, если у вас установлен Chrome 70. (На данный момент Relate работает только в сети).

Что из себя представляет проект в Relate?

Проект - это живая кодовая база, которая включает страницы, элементы, компоненты и стили ... Все, что составляет дизайн-систему и визуальное значение цифрового продукта. Ресурсы проекта (или любые внешние ресурсы) можно повторно использовать в качестве библиотек в другом проекте Relate или непрерывно синхронизировать с другой базой кода.

История продукта:
Если вы дизайнер, вы, вероятно, похожи на нас, проводя большую часть своих дней, проталкивая пиксели и создавая инструменты дизайна на основе изображений, борясь с несогласованностью между средами дизайна и разработки, передавая файлы через несколько итераций, чтобы почти безнадежно попробовать чтобы достичь некоторого подобия того, что вы изначально себе представляли. Парадоксально, но продукты, которые мы создаем, развиваются, но инструменты, которые мы используем для их разработки, не изменились более трех десятилетий.

Эти существующие инструменты удерживают нас на фиксированном, застывшем холсте; форма затмевает контент, в то время как мы проектируем для открытой неограниченной среды. Мы чрезмерно эволюционировали в дизайне, но инструменты и процессы, которые у нас есть, архаичны, не работают и слишком сильно зависят от сложных процессов. Мы пытаемся заставить этот сломанный процесс работать, и он требует слишком много ручных усилий и документации. Если этого недостаточно, к концу дня дизайнеры не имеют достаточного влияния на реальный продукт. Вы когда-нибудь задумывались - все это могло быть таким другим? Почему все мы проектируем сложные компонентные системы с помощью инструментов статического проектирования и, что еще хуже, передаем их, вместо того, чтобы создавать настоящие вещи сами? Мы в Relate стремимся устранить пробелы. Грядет следующее поколение инструментов дизайна, и мы представили себе будущее, в котором создатели гармонично работают над созданием красивых и функциональных цифровых продуктов.

https://relate.app/