Необхідність використання прототипів при створенні сайту почала активно обговорюватися кілька років тому. Поступово намітився відхід від схеми «дизайнер малює макет - програміст прикручує до нього код».
Нижче ви можете ознайомитися зі списком різноманітних сервісів для прототипування: як для ПК і мобільних пристроїв, так і для роботи онлайн, від безкоштовних до вельми недешевих, від простих зі скромним функціоналом до тих, в яких доведеться грунтовно розбиратися.
Для зручності ми звели всю інформацію в окрему таблицю, в якій порівняли сервіси за такими параметрами:
Щоб завантажити таблицю, клікніть на скріншот нижче.

Axure - найбільше і найвідоміше додаток для прототипування, дозволяє створювати високоякісні прототипи сайтів і мобільних додатків. Володіє широким функціоналом з великим набором інструментів. Вимагає установки софта на ПК, онлайн-версія недоступна. Працює з Windows і macOS.

2. Origami Studio
Origami Studio - повністю безкоштовне зручний додаток від Facebook. Працює з macOS. Сінхронізуется з Sketch. У додатку є спільнота на Facebook. де користувачі можуть ділитися своїми прототипами, обговорювати їх створення і допомагати один одному.

3. Proto.io
У Proto.io зручний і досить простий інтерфейс. Як і у більшості сервісів, у цього є можливість колективної роботи і спільного внесення правок. На будь-якому моменті роботи прототип можна протестувати як на ПК, так і на мобільних пристроях.


Головна особливість Atomic - широкий функціонал. Додаток робить упор на швидкість - як роботи, так і зв'язку з колегами для внесення змін в прототип. Синхронізується з Sketch. Готовими прототипами або окремими блоками можуть користуватися ваші колеги при роботі над власними проектами.

6. InVision
InVision - популярний інструмент для створення прототипів, який ми і самі іноді використовуємо в роботі. З особливостей можна виділити зручний інтерфейс, можливість організовувати командну роботу.

7. Adobe Experience Design
Adobe Experience Design входить в пакет Creative Suite від Adobe і синхронізується з багатьма сервісами з цього пакета. Головні особливості: швидкий перехід з прототипу в додаток, можливість моментально подивитися зміни в прототипі на мобільних пристроях. Головний мінус - десктопних додаток доступний тільки для Windows 10.
8. Principle
Principle відмінно підходить для створення анімованих прототипів. Додаток доступний тільки для Mac.

9. Just in mind
Головна перевага Just in mind полягає в тому, що в сервісі є безліч елементів і жестів, а також готові шаблони прототипів.

10. Moqups
Moqups - ще один досить популярний сервіс для створення прототипів. Головна особливість - необмежена кількість користувачів на платних тарифах.

11. Marvel
Marvel - інструмент прототипирования, в якому можливо створювати прототипи для всіх пристроїв, включаючи розумні годинник.

12. Mockplus
Основна «фішка» Mockplus - можливість переглядати прототипи на мобільних пристроях, скануючи QR-код, 3000 іконок в платних тарифах.

Як і в Marvel, в UXPin можна створювати прототипи додатків для розумних годин. Правда, тільки для годин, що працюють на Android.

14. Flinto
Flinto - сервіс прототіпірованії, в якому є готові шаблони для найпоширеніших дозволів мобільних пристроїв, а також вбудовані анімації переходів в додатках на Android і iOS.

15. Sketch
Sketch - знаменитий інструмент створений ексклюзивно для Mac, так що він найкраще підійде для створення прототипів для додатків на iOS.

16. OmniGraffle
OmniGraffle доступний тільки для Mac і iOS, причому ліцензії купуються окремо. Сам сервіс є мультіінструмент, і створення прототипів - не найголовніша його функція.

17. Pidoco
Головна особливість Pidoco - інтуїтивний drag'n'drop інтерфейс, спільна робота над проектом.

18. Mockingbird
Mockingbird - простий сервіс для створення нескладних прототипів. Якщо вам потрібно швидко створити базовий прототип, то, цілком можливо, Mockingbird вам підійде.

19. iPlotz
iPlotz - дуже простий сервіс для створення нескладних прототипів. Можливо, комусь саме це і потрібно.

20. Proto Share
У платних тарифах Proto Share можна створювати нескінченну кількість проектів. Крім того, у сервісу дуже довгий тріал-період - цілих 30 днів.

21. MockFlow
Найдешевший тариф Mockflow коштує всього $ 14 / місяць, при цьому в ліцензію входить безліч інструментів, в тому числі для створення сайтів і банерів, а також сервіс спільної роботи над дизайн-проектами.

22. Mockup Builder
Mockup Builder - простий інструмент зі стандартним набором функцій. Нічого незвичайного. Однак серед клієнтів можна зустріти відомих компаній, так що не варто обходити Mockup Builder стороною.

Прототип - незамінний інструмент при розробці сайту
