fbpx
Генерация HTML, CSS прямо из Sketch с помощью Protoship

Генерация HTML, CSS прямо из Sketch с помощью Protoship

Protoship – это генератор кода для дизайнеров и фронт-енд программистов, который создает компоненты HTML, SASS и React из дизайна Sketch. Вы сможете перейти от дизайна к работающему приложению в считанные часы вместо того, чтобы вручную писать тонны строк в HTML и CSS.

Обычно подобные заявления встречаются с большим скепсисом. Можно ли будет использовать сгенерированный код? Правильно ли будут заданы позиции элементов? Корректно ли будут названы CSS-классы, и насколько их можно будет использовать в будущем?

Мы ответим на все эти вопросы, но сначала посмотрите это короткое превью!

В отличие от результатов работы типичных инструментов по генерации кода, Protoship действительно генерирует качественный код, неотличимый от того, который разработчик напишет вручную. С его помощью можно сократить рутинную работу вроде экспорта и сборки исходников, измерения границ и отступов, игры с позициями объектов для достижения идеальной пиксельной точности, оптимизации CSS и прочих забот фронт-енд разработки.

Мы также извлекаем компоненты React из вашего дизайна, выделяем их свойства и даже генерируем JSON-схему с предзаполненным контентом.

С помощью Protoship мы хотим вернуть эти горячие деньки быстрой разработки приложений, как было в эпоху xBase, Visual Basic, Delphi и т.д. Важная цель продукта – упростить и ускорить сложный процесс передачи исходников дизайна в разработку. Вместо передачи визуальных артефактов, никак не связанных с будущим кодом, Protoship предлагает более интегрированный подход, в котором можно свободно перейти от дизайна к коду и наоборот. Все это – довольно масштабная задача, так что каждый ее этап будет реализован по отдельности.

Protoship Teleport – еще один инструмент из этой ниши, который недавно был представлен в ранней бета-версии. Teleport позволяет вам конвертировать существующий вебсайт в дизайн-проект Sketch и использовать его как шаблон для последующей работы. Узнайте больше о Teleport из ознакомительного поста. Мы также в деталях расписали все мотивации к разработке Protoship в отдельном посте.

Подпишитесь, чтобы получить доступ к ранней бета-версии.

Как видите, продукт все еще на ранней стадии разработки, нам предстоит много работы. Тем не менее, он уже полезен пользователям – мы больше не можем представлять, как это писать код в HTML и CSS вручную. После того, как вы попробуете поработать в Protoship, вы тоже вряд ли сможете!

Подпишитесь на получение ранней приватной бета-версии на protoship.io#signup и присоединитесь к ранним пользователям, которые помогут нам развивать продукт в верном направлении.

0 Комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
40 фактов о психологии цвета
Подробнее

40 фактов о психологии цвета

Психология цвета, в 90% случаев становясь главным аргументом, подталкивающим к покупке. Цвета, будучи одним из центральных маркетинговых инструментов, способны развивать положительное или отрицательное отношение к брендам
рабочий процесс в sketch
Подробнее

Дизайн в 1x: идеальный рабочий процесс в sketch для дизайнера

Всего год назад я перешел с Adobe Creative Cloud на Sketch для дизайна интерфейсов, и немного позже я пришел к тому, что по моему мнению является идеальным рабочим процессом для дизайнера продуктов и команды коллег.

Лучшие статьи, раз в неделю, с доставкой на почту

Total
0
Share