https://medium.com/@denysergushkin/20-инструментов-для-прототипирования-от-быстрого-и-грязного-wireframe-к-функциональному-прототипу-210f223323fe

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

Каждый проект уникален, имеет свою форму и размеры. Инструменты для прототипорования могут помочь вам решить любую поставленную перед вами задачу. Не смотря на великое множество и разнообразие инструментов, в этой статья я постараюсь свести до минимума круг одних из лучших. Их немного не мало собралось аж 20) Все перечисленные инструменты охватывают целый ряд различных методов прототипирования, оптимизируют время, позволяют найти слабые стороны интерфейса и улучшить логику будущего сайта или мобильного приложения.

1. Marvel

Marvel — один из новых игроков, но достаточно крупных на рынке сервисов для прототипирования. Понятные и удобный интерфейс Marvel помогает превратить все ваши макеты, эскизы, наброски для веба или мобильного приложение в динамический презентационный материал для клиента. Исходя из опыта большинство клиентов любят смотреть на “живую” структуру сайта, чем на наброски на бумаге. С этим инструментом даже можно создавать прототипы приложений для Apple Watch — это новый тренд.

[https://s3-us-west-2.amazonaws.com/secure.notion-static.com/43c02bcd-6435-4c9c-8e31-3d6f19e00013/0idEC0WYWZM8lCAv3.](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/43c02bcd-6435-4c9c-8e31-3d6f19e00013/0idEC0WYWZM8lCAv3.)

Marvel — один из новых игроков

InVision достойно готов помочь вам с вашим веб или мобильным проектом. Он работает с любыми платформам: Android или проект IOS. С InVision вы можете создавать кликабельные, интерактивные прототипы и макеты. InVision можно смело отнести в категорию team friendly tool для целой команды. А все потому, что прототипами можно легко делиться с членами вашей команды.

[https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5501bcf0-a09a-4bd5-bd9e-8f084465ff16/0RSoTPrVt7MLvyHaH.](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5501bcf0-a09a-4bd5-bd9e-8f084465ff16/0RSoTPrVt7MLvyHaH.)

С InVision вы можете создавать кликабельные, интерактивные прототипы и макеты.

3. Proto.io

Для использования Proto.io не требуется иметь специальные coding skills. Наоборот интерфейс и логика сервиса достаточна просты, что делает его отличным инструментом для создания интерактивных прототипов для мобильных приложений.

[https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ada442d1-b5ba-44f1-92ca-c995a04757df/0GyG17Ps1GAxwZCay.](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ada442d1-b5ba-44f1-92ca-c995a04757df/0GyG17Ps1GAxwZCay.)

Для использования Proto.io не требуется иметь специальные coding skills.

4. Moqups

Moqups другой не менее известный инструмент прототипирования. Но немного иной, чем кажем предыдущий. Платформа основана на HTML5. Это идеальный инструмент для создания независимых от разрешения SVG мокапов и вайрфреймов.

[https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bc42b14c-91e9-4f93-8b4d-17dbe1961e5c/0XS_N2R19Ycy-G3a0.](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bc42b14c-91e9-4f93-8b4d-17dbe1961e5c/0XS_N2R19Ycy-G3a0.)

Платформа основана на HTML5

5. Fluid