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 не заберет!
Video is not supported

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
Video is not supported
Минутка систем:
Airbnb Design System это конечно одно из самых заметных событий года в дизайне цифровых систем и определенный образец. Один из трендов 20025 года это систематизация дизайна, особое внимание созданию базы документов и описаний, инструкций и примеров, исходников и шаблонов для создания системного дизайна, которые стали понятны своей пользой для разработки и поддержания качества продуктов и объектов дизайна.
Video is not supported
Design System Tracker — революционный плагин Figma, который выводит управление системой дизайна на новый уровень.
Figma Community#system
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Try – Free Design System, UI K
💾 Скачать и использовать https://disk.yandex.ru/d/m52MMyM6gDjhyQ 🔎 Посмотреть описание https://ui8.net/quickway-agency/products/try #uik #sketch #figma
Изображение поста
Изображение канала: Retro Figma
Mini Design System — небольшая система дизайна + туториал по Auto-layout
Install
Изображение поста
Изображение канала: Веб дизайн в Figma
Design System Tracker — революционный плагин Figma, который выводит управление системой дизайна на новый уровень.
Figma Community#system
Изображение поста
Изображение канала: Дизайн-Телега 🔥
RevK Design System UI K
💾 Скачать и использовать https://www.figma.com/communy/file/881219901888371244/RevK-Design-System-UI-K">https://www.figma.com/communy/file/881219901888371244/RevK-Design-System-UI-K 🔎 Посмотреть описание https://www.figma.com/communy/file/881219901888371244/RevK-Design-System-UI-K">https://www.figma.com/communy/file/881219901888371244/RevK-Design-System-UI-K #uik #figma Источник
Изображение поста
Изображение канала: Dezzigners
🧰 Shu Ha Ri - Design System - Free
Комплексный набор инструментов, разработанный для того, чтобы поднять ваш процесс проектирования и улучшить пользовательский опыт вашего продукта. Dezzigners
Изображение поста
Изображение канала: Гиперссылка
🔗 Design Systems for Figma
Коллекция готовых дизайн-систем для Figma с кодом и кейсами. Полезна для команд, которые хотят быстро масштабировать интерфейсы и держать визуал в едином стиле. #figma #дизайн_система #ui #компоненты #кейсы #ресурсы #интерфейсы Посмотреть 🔗
Video is not supported
Изображение канала: Figma и точка
dYdX Design System — дизайн-система с открытым исходным кодом.
Figma Community#system 💚 Figma и точка
Изображение поста
Изображение канала: Figma за 60 секунд | Веб-дизайн
Brainstorming - Design System & Component Library
Дублировать 🖼 Figma за 60 секунд
Изображение поста
Изображение канала: Figma за 60 секунд | Веб-дизайн
💫 Огромный бесплатный UI Kit, с более чем 1000 иконками, тёмной и светлой темой, компонентами и Auto Layout.
Ссылочка: Lookscout - Design System Теги: #полезное #UIKit 🖼 Figma за 60 секунд
Изображение поста
Изображение канала: Дорогой Дизайн
Amethyst Design System — комплект системы проектирования. Более 80 компонентов и элементов пользовательского интерфейса можно перетаскивать для использования или изменения назначения.
🔗 СКАЧАТЬ #uikits #xd ❤️‍🔥 Дорогой Дизайн
Изображение поста
Изображение канала: Hot Illustrator
Foundation: Icons Lightning Design System
💾 Скачать и использовать https://www.figma.com/community/file/854597149359643291/foundation-icons-lightning-design-system">https://www.figma.com/community/file/854597149359643291/foundation-icons-lightning-design-system 🔎 Посмотреть описание https://www.figma.com/community/file/854597149359643291/foundation-icons-lightning-design-system">https://www.figma.com/community/file/854597149359643291/foundation-icons-lightning-design-system #icons #figma Hot Illustrator
Изображение поста
Изображение канала: Freepik | Дизайн | 3D
RevKit Design System UI Kit
💾 Скачать и использовать https://www.figma.com/community/file/881219901888371244/RevKit-Design-System-UI-Kit">https://www.figma.com/community/file/881219901888371244/RevKit-Design-System-UI-Kit 🔎 Посмотреть описание https://www.figma.com/community/file/881219901888371244/RevKit-Design-System-UI-Kit">https://www.figma.com/community/file/881219901888371244/RevKit-Design-System-UI-Kit #uikit #figma 💙Freepik
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Дизайн-система Material Minimal.
• Улучшенная версия классического Material Design • Основа для библиотек MDBootstrap и Tailwind Elements #design_system Открыть в Figma 👨 Дизайн-телега
Video is not supported
Изображение канала: Figma от 0 до 1
💫 Огромный бесплатный UI Kit, с более чем 1000 иконками, тёмной и светлой темой, компонентами и Auto Layout.
Ссылочка: Lookscout - Design System Теги: #полезное #UIKit Figma от 0 до 1
Изображение поста