Protoship Teleport: конвертация вебсайтов в документы Sketch

Protoship Teleport: конвертация вебсайтов в документы Sketch

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

Также есть и обратная функция, в основном, для дизайнеров — конвертация существующих сайтов обратно в Sketch. Мы называем эту фукцию Teleport. С помощью этого инструмента дизайнеры могут легко начать совершенствовать вебсайт без необходимости вручную воссоздавать изменения, которые разработчики вносят в него. Это также помогает вам использовать любой существующий сайт в качестве отправной точки для создания чего-то нового и красивого.

Функционал Телепорта продемонстрирован на этом видео. Сначала мы сконвертируем официальный сайт Sketch в Sketch-файл и покажем, как он выглядит. Затем мы сконвертируем страничку с текстом и создадим из нее нечто красивое.

Надеемся, вам понравилось это видео, нам бы хотелось услышать ваше мнение. Ранняя версия этой разработки будет доступна уже через несколько недель, пока что над ней трудится команда программистов. Для бета-пользователей этот инструмент будет доступен бесплатный в первые несколько месяцев, так что подписывайтесь для доступа к бета версии на https://protoship.io!

Если вы хотите сконвертировать какие-то сайты в Sketch, вышлите данные на почту [email protected], и с вами свяжутся представители команды Protoship.

0 Комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи

Редактирование изображений в Sketch

Мы все выросли на продуктах компании Adobe, а именно Photoshop, там мы привыкли работать с изображениями. Фотошоп имеет огромный набор фильтров и инструментов для работы над изображениями. Sketch тоже имеет несколько небольших функций, с помощью которых мы можем редактировать изображения, менять их размер, заливку и тд, которые мы рассмотрим ниже.
Руководство дизайнера по DPI и PPI
Подробнее

Руководство дизайнера по DPI и PPI

Этот лонг-рид создан для продвинутых дизайнеров, которые хотят узнать больше о кросс DPI и кросс-платформенном дизайне с самых азов. Никакой сложной математики и нечитаемых графиков, только простые объяснения, разбитые на короткие разделы для лучшего понимания и быстрого применения в вашем дизайн-процессе.

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

Total
0
Share