Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Веб-дизайн 12
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Heroicons — 316 безкоштовних SVG-іконок від творців Tailwind CSS
Безкоштовна бібліотека з 316 акуратно намальованих SVG-іконок для UI, сайтів і застосунків із Figma-файлом та офіційними бібліотеками для React і Vue.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Dark.design — добірка найкращих сайтів у темному стилі
Кураторська галерея темних вебсайтів із реальними прикладами від студій, сервісів, AI-продуктів, hardware-брендів, персональних сайтів і Web3-проєктів.
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Design Spells — магічні деталі інтерфейсів і мікроанімацій
Кураторська галерея з 300+ прикладами цікавих UI-рішень, мікроанімацій, переходів, Easter eggs і деталей взаємодії з реальних продуктів.
Lovable
Створюйте й доопрацьовуйте сайти та вебзастосунки через діалог, з інструментами публікації та обмеженим безкоштовним запасом кредитів.
OpenAI Codex
ШІ-агент для роботи з кодом: реалізація функцій, виправлення помилок і перевірка змін. Доступ та ліміти залежать від плану.
Cursor
Середовище програмування з ШІ для редагування, розуміння та розвитку коду. Є обмежений безкоштовний план.
Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.