Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
UI/UX 21
UI Faces: аватари для UI-макетів
Добірка створених за допомогою ШІ аватарів для макетів і прототипів: безкоштовні окремі завантаження та платні колекції.
Can't Unsee — гра на уважність до деталей інтерфейсу
Порівнюйте схожі інтерфейси, знаходьте вдаліший варіант і тренуйте увагу до відступів, типографіки, вирівнювання та іконок.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
TextLab: мокапи повідомлень та інтерфейсів
Браузерний генератор мокапів чатів, коментарів і UI-елементів із прозорими PNG та платними розширеними експортами.
Symbl — тестування логотипів у різних умовах
Перевіряйте масштабування, розмиття, контрастні варіанти та застосування логотипа на іконках, візитках і мокапах.
Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Sliick – безкоштовні 3D-мокапи пристроїв
Браузерний редактор для презентації скриншотів і відео в 3D-мокапах смартфонів та планшетів із готовими сценами й локальним експортом.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
60fps — бібліотека UI/UX-анімацій і мікровзаємодій із реальних застосунків
Кураторська бібліотека з 2100+ реальних UI/UX-анімацій і interaction patterns із iOS та web apps із фільтрами за жестами, ефектами, елементами й сценаріями.
Bento Grids — галерея bento-дизайну та UI-натхнення
Добірка bento grid дизайнів, UI-карток, сайтів і візуальних рішень для натхнення дизайнерів.
Lovable
Створюйте й доопрацьовуйте сайти та вебзастосунки через діалог, з інструментами публікації та обмеженим безкоштовним запасом кредитів.
Milanote
Візуальні дошки для мудбордів, брифів і творчих проєктів. Безкоштовно: 100 нотаток, зображень або посилань та 10 завантажень файлів.
Figma
Спільне проєктування інтерфейсів, компоненти й інтерактивні прототипи. Є безкоштовний Starter із обмеженнями.
Miro
Спільна візуальна дошка для ідей, схем і воркшопів. Безкоштовний план має три редаговані дошки та командний доступ.
Penpot
Відкрита платформа для інтерфейсів, прототипів і дизайн-систем. Є безкоштовний хмарний план та самостійне розгортання.
Webflow
Візуальна платформа для створення адаптивних сайтів. Безкоштовний Starter підходить для навчання й невеликих тестових сторінок.
Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.
WhoCanUse: контраст кольорів і симуляції зору
Безкоштовний браузерний інструмент для перевірки контрасту тексту й фону, з оцінками WCAG та симуляціями різних особливостей зору й умов перегляду.