​​Возможно какие-то программы обновились с тех пор как я их использовал. Так что для обсуждений го в @ProtoPieChat

1. Pixate - один из первопроходцев, но проект купил гугл и его прикрыли. Ждём когда гугл заанонсит Remixer и Stage.
2. Axure RP - морально устаревшая махина для создания прототипов. Очень большой функционал, но встречаются подводные камни, которые утащат весь проект на дно. Пригодно только для wareframe прототипирования на стадии аналитики. Но есть и более современные Moqups или Wireframe
3. Invision - куча багов, и не очевидных костылей, проще тогда уж презентации в гугле или powerpoint делать =) единственный "плюс" это Craft. Но опять же куча багов и нервы убивает.
4. Marvel - для презентации дизайна - отличный инструмент. Небольшой интерактивчик запилить - и все счастливы. Лучше использовать его вместо Invision.
5. Proto - тот же инвижн или марвел. Для презентации дизайна или карты приложения - норм. Нехватает инструментария чтобы нормально разгуляться.
6. Principle - очень простой инструмент для создания простеньких ux кейсов и анимашек. Используется чтобы "на пальцах" объяснить как работает та или иная задумка в дизайне. При проэктировании интерактивного прототипа - возникает куча проблем, некоторые из них решить не получится.
7. Flinto - особых отличий от Principle не заметил. Разве что немного другой подход. Возможно кому-то он покажется понятней.
8. ProtoPie - в меру простой и функциональный инструмент, который я использую для создания полноценных прототипов по дизайну. Пока еще не столкнулся с моментами, которые бы не смог реализовать. Но не всё в нём очевидно.
9. Framer - отличный инструмент прототипирования и анимации предоставляющий практически любые возможности, но требует спецефический подход. Сидеть и двигать слои как в Principle а потом смотреть на плавную анимацию тут не получится. Часто замечал, что пока реализовываю какой-то кейс в Framer - идея, которая была придумана, улетает или начинает казаться бредовой. Возможно это только со мной так.

#чтожелучше
По простоте освоения ProtoPie - как Principle, но позволяет намного больше, за счёт возможности созданий условий, использования датчиков телефона.

​​#чтожелучше
В просмотрщике (да и в мобильном плеере) есть функция меняющая скорость анимации. Этого так не хватало в других программах, для отладки сложных анимаций…

​​#tips
Чем меньше слоев будет в прототипе - тем проще этот прототип анимировать.

Я предлагаю после того, как в скетче закончили дизайн, создать новый пэйдж (или вобще отдельный скетч документ) и закидывать постепенно туда экраны подготовленные к ProtoPie.

Чтобы было удобнее, я запаковываю все статичные элементы в символы, потом при экспорте в Protopie они будут обычными изображениями.

Например, если у меня есть карточка в которой меняется текст - у меня будет 2 слоя:
текст и символ карточки, в котором все тени, иконки и прочие элементы. Однако, если в прототипе я хочу менять и цвет карточки и текст и иконки - то все элементы лучше делать отдельными слоями.

​​Ура

3.9.1 топ.

А вот Мохаве выключают сглаживание шрифтов. От чего работать становиться очень не удобно.

Но если в терминал ввести defaults write -g CGFontRenderingFontSmoothingDisabled -bool NO
и ребутнуть мак, то все становиться нормально.

Дождались 3.10. Протопай действительно стал работать шустрее.
Сейчас серией постов опишу нововведения.

Наконец-то хоть какая-то интеграция с фигмой. Есть косячки, нюансы, но в целом - оно работает! P.S. Еще и под виндой..

Стало проще копировать слои вместе с триггерами.
Копируем как обычно CMD(CTRL)+C
Вставляем без тригеров CMD(CTRL)+V
Вставляем с тригерами CMD(CTRL)+SHIFT+V

Теперь стало проще контролировать время старта и длительность действий с помощью горячих клавиш.

Наконец-то новый, удобный колор-пикер. Самая жесть была с колор пикером на винде, где даже пипетки небыло..

Предложил ребятам из протопая добавить новый респонс - Execute. По моему концепту - это действие будет выполнять все респонсы указанного триггера.
На примере из картинки по триггеру Fling (смахнуть в сторону) будет 10 раз выполнятся набор команд из триггера Tap (Move + Opacity + Color)
Мне кажется это было бы отличным решением для реализации переиспользуемых компонентов в прототипе.
Как считаете, какие могут быть подводные камни? @protopiechat

​​#faq

В связи с выходом новой версии и кучей вопросов относительно компонента камеры - запилил небольшую демку приложения "Камера" c айфона.
https://cloud.protopie.io/p/347867661f (открывать лучше с девайса, в браузере - особо толку нет)

Собственно самый первый вопрос который все задают - Как использовать изображение с камеры?
В данном примере я немного схитрил и использую одновременно 2 компонента камеры. Один - имитирует видеоискатель, второй с 0 прозрачностью в контейнере где должна быть галерея - будет имитировать сделанную фотографию.

Для различных Instagram-like приложений можно пользоваться и одним компонентом. Просто стопаем компонент и работаем с ним как с обычным изображением. Но на другую сцену полученное изображение с камеры, пока, передать не получится.

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

Думаю щас соберу фидбек и новые вопросы и сделаю обновление прототипа с подробным описанием)

Интерактивные компоненты. Уже скоро!