Canva Brush – ШІ-редактор дизайну в Canva
ШІ-модель для редагування макетів у Canva AI: зміна кольорів, тексту, презентацій і форматів за запитом. Доступна в Canva Pro.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Веб-дизайн 26
BenDay
Анімований індикатор завантаження з вашого логотипа: 21 ефект із крапок, Playground і React-компонент із відкритим кодом.
Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Squoosh: стискання зображень у браузері
Безкоштовний інструмент для стискання, зміни розміру та конвертації зображень із порівнянням якості й локальною обробкою файлів.
Flexbox Froggy: гра для вивчення CSS Flexbox
Безкоштовна браузерна гра з 24 завданнями: пишіть CSS, розміщуйте жаб на листках латаття та вивчайте вирівнювання, порядок і перенесення flex-елементів.
Site of Sites: кураторська галерея вебдизайну
Безкоштовна галерея сайтів із фільтрами за індустрією, типом, стилем і платформою, тематичними добірками та посиланнями на живі проєкти.
Awwwards Portfolio: приклади сайтів-портфоліо
Велика добірка сайтів-портфоліо на Awwwards для дослідження композиції, взаємодії та презентації творчих робіт.
A1 Gallery: натхнення для сайтів-портфоліо
Кураторська добірка сайтів-портфоліо з фільтрами за стилем, технологією та кольором, безкоштовним переглядом і платними Pro-функціями.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Boxicons — 50 000+ іконок для вебу, Figma та розробки
Велика бібліотека іконок для дизайнерів і розробників із 3 стилями, 3 товщинами, 40+ категоріями, Figma/Framer-плагінами та пакетами для React, Vue, Svelte і JavaScript.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Dark.design — добірка найкращих сайтів у темному стилі
Кураторська галерея темних вебсайтів із реальними прикладами від студій, сервісів, AI-продуктів, hardware-брендів, персональних сайтів і Web3-проєктів.
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Best Website Gallery — добірка найкращих сайтів для натхнення
Кураторська галерея з понад 2600 сайтами для пошуку ідей у вебдизайні, UI/UX, типографіці, анімації та цифрових інтерфейсах.
Lovable
Створюйте й доопрацьовуйте сайти та вебзастосунки через діалог, з інструментами публікації та обмеженим безкоштовним запасом кредитів.
Spline
Браузерний редактор інтерактивної 3D-графіки. Безкоштовний план має обмеження файлів і водяний знак у вебекспорті.
OpenAI Codex
ШІ-агент для роботи з кодом: реалізація функцій, виправлення помилок і перевірка змін. Доступ та ліміти залежать від плану.
Cursor
Середовище програмування з ШІ для редагування, розуміння та розвитку коду. Є обмежений безкоштовний план.
Figma
Спільне проєктування інтерфейсів, компоненти й інтерактивні прототипи. Є безкоштовний Starter із обмеженнями.
Penpot
Відкрита платформа для інтерфейсів, прототипів і дизайн-систем. Є безкоштовний хмарний план та самостійне розгортання.