proto.io

Быстрый и легкий перенос дизайнов Photoshop и Sketch в Proto.io

Instantly transfer Photoshop and Sketch designs into Proto.io Proto.io

Плагины для вашего любимого инструмента.

Артборды, группы и слои переносятся корректно на ваш холст в Proto.io и полностью готовые к интерактивной анимации

 

 

 

Связывайте экраны

Начните добавлять области простого взаимодействия для переходов по скринам в пользовательском интерфейсе.

 

связывайте скрины в Proto.io

 

Залинковыный экран

 

Добавление взаимодействий

Добавляйте жесты – свайп, дрэг, скрол, касание, нажатие и удержание на любой слой, и создайте любое взаимодействие, которое только можно вообразить.

Профессия «Дизайнер интерактивных медиа»
Профессия «Дизайнер интерактивных медиа»
Скидка 45% по промокоду UXPUB
Узнать подробнее

 

Добавление взаимодействий

 

Добавление анимации

 

Добавление анимаций

Используйте временную шкалу анимации и состояния Proto.io, чтобы создавать максимально реалистичные прототипы.

 

Добавление анимаций

 

add-animations

 

Синхронизируйте ваш дизайн с прототипом в Proto

  • Ваши артбоды импортируются как индивидуальные скрины Proto.io.
  • Сохраняется иерархия слоев и групп.
  • Экспортируйте весь дизайн целиком или конкретные артборды за один раз.
  • Экспортируйте столько раз, сколько вам нужно, именно то, что вам нужно, даже какие-то исходники по отдельности.
  • Исходники обновляются, в то время, как взаимодействии и анимации сохраняются в безопасности.
  • Воспользуйтесь примером для теста
  • Импортируйте этот прототип в ваша аккаунт на Proto.io Spaces.

 

Скачайте исходники для Photoshop и Sketch.

Скачайте для Photoshop и  для Sketch.

Total
0
Shares
Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
Pixel Perfect дизайн в Sketch с помощью плагина Pixel Perfecter
Подробнее

Pixel Perfect дизайн в Sketch с помощью плагина Pixel Perfecter

Pixel Perfecter - это очень простой плагин для Sketch, который помогает найти слои с плавающими параметрами (с неполными пиксельными значениями) X, Y,width или height (ширина или высота). Это поможет вам добиться точности и корректности в дизайне.
Подробнее

SketchSquares. Плагин для замены слоев фотографиями из Instagram

В Sketch, выберите слои, которые вы хотите заменить фотографиями из Instagram, а затем запустите плагин. В первый раз использования плагина, вам будет предложено войти в свой аккаунт Instagram. Плагин будет помнить вас всегда, пока вы не выйдете.

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
0
Share