X разрывается от новостей про Google Stitch (пост)

Meet the new Stitch, your vibe design partner. Here are 5 major upgrades to help you create, iterate and collaborate: 🎨 AI-Native Canvas 🧠 Smarter Design Agent 🎙 Voice ⚡️ Instant Prototypes 📐 Design Systems and DESIGN.md Я уже писал про Stitch несколько раз, потому что он на слуху. Сейчас они удивили сообщество тем, что теперь можно «вайбдизайнить» и сразу получать production-ready код Видно, что прогресс есть, но заголовки формата «DESIGNERS ARE COOKED» или «ITS SO OVER FOR DESIGNERS», которыми засран твиттер, пока что слишком громкие Дизайн выглядит все еще слабовариативным, я посмотрел, чего там эксперты нагенерили (возможно, поможет правильная работа с промптами и рефами) То, что презентуется как «дизайн-система», выглядит как простой ui-kit на переменных (к слову, вообще-то у самого подход к использованию дизайн-системы — то еще дерьмо, можно несколько экранов их продуктов собрать и сильно удивиться) Мне оч нравится направление, куда идет Stitch. Они могут соревноваться с фигмой, факт! Но давайте по-честному: Чуваки решили проблему «как нам быстро задизайнить что-то» Они не решили такие вопросы (и шанс, что решат, не очень велик): → Почему высокий процент отказов с главной страницы → Почему пользователи игнорят СТА, хотя ее видно → Как нам сделать конвертящий онбординг-флоу Разве когда-то проблема была только в пикселях? Stitch просто сделал думающих дизайнеров более ценными Короче, не переживаем, работу пока ai не заберет!

Footholds Design System — система дизайна от Visible

Изображение поста

Посмотрите, что нашли!

В рубрике «Находка» мы делимся интересными инструментами, сайтами и приложениями, о которых знают единицы. → UI-паттерн Empty States 🎙 Carbon Design System собрала четкие примеры и правила, как оформлять пустые экраны в интерфейсах — когда нет данных, но важно не оставлять пользователя на белом листе. Больше не нужно гадать, как грамотно показать экран без контента и куда направлять пользователя дальше 😮
Изображение поста

А как у вас дела с английским?

Для развития, важно не просто смотреть вокруг, но и заглядывать за горизонт: изучать работы зарубежных дизайнеров и быть частью международного комьюнити. Если вы можете поддерживать диалог на английском — это ооооогромный плюс для вас, как специалиста. Ребята из онлайн-школы разговорного английского @authenticpigeon (подружилась с ними недавно) поделились фреймворком сообщения, которое поможет органично завязать профессиональный диалог с понравившимся человеком: I saw *****. I liked *****. I’m curious about how/why *****? Пример: Hey Marco, I saw your SaaS dashboard design on Dribbble. I really liked the typography hierarchy and how calm the layout feels. I’m curious how you decided on those spacing and type scale choices — was it part of a larger design system? Лучшее место для таких сообщений — комментарии в социальных сетях и на профессиональных площадках, типа 🅱️Behance, Dribbble и подобных. Не бойтесь практиковаться и поддерживать уровень языка в проф. среде. Подписывайтесь на телеграм-канал ребят, где они рассказывают о разговорном языке, который пригодится, когда будете общаться с зарубежными коллегами по цеху и клиентами → @authenticpigeon Особенно, если цель выучить английский кочует в ваших списках из года в год. Может быть, это знак, чтобы заняться им всерьёз? ⚡️ GIF
Минутка систем:
Airbnb Design System это конечно одно из самых заметных событий года в дизайне цифровых систем и определенный образец. Один из трендов 20025 года это систематизация дизайна, особое внимание созданию базы документов и описаний, инструкций и примеров, исходников и шаблонов для создания системного дизайна, которые стали понятны своей пользой для разработки и поддержания качества продуктов и объектов дизайна.
Design System Tracker — революционный плагин Figma, который выводит управление системой дизайна на новый уровень.
Изображение поста
Try – Free Design System, UI K
💾 Скачать и использовать https://disk.yandex.ru/d/m52MMyM6gDjhyQ 🔎 Посмотреть описание https://ui8.net/quickway-agency/products/try #uik #sketch #figma
Изображение поста
Mini Design System — небольшая система дизайна + туториал по Auto-layout
Изображение поста
Design System Tracker — революционный плагин Figma, который выводит управление системой дизайна на новый уровень.
Изображение поста
🧰 Shu Ha Ri - Design System - Free
Комплексный набор инструментов, разработанный для того, чтобы поднять ваш процесс проектирования и улучшить пользовательский опыт вашего продукта. Dezzigners
Изображение поста
🔗 Design Systems for Figma
Коллекция готовых дизайн-систем для Figma с кодом и кейсами. Полезна для команд, которые хотят быстро масштабировать интерфейсы и держать визуал в едином стиле. #figma #дизайн_система #ui #компоненты #кейсы #ресурсы #интерфейсы Посмотреть 🔗
dYdX Design System — дизайн-система с открытым исходным кодом.
Изображение поста
💫 Огромный бесплатный UI Kit, с более чем 1000 иконками, тёмной и светлой темой, компонентами и Auto Layout.
Изображение поста
Amethyst Design System — комплект системы проектирования. Более 80 компонентов и элементов пользовательского интерфейса можно перетаскивать для использования или изменения назначения.
Изображение поста
Дизайн-система Material Minimal.
• Улучшенная версия классического Material Design • Основа для библиотек MDBootstrap и Tailwind Elements #design_system Открыть в Figma 👨 Дизайн-телега
💫 Огромный бесплатный UI Kit, с более чем 1000 иконками, тёмной и светлой темой, компонентами и Auto Layout.
Изображение поста