Новости дизайн-системы Consta

Новая версия @consta/uikit v5.19.0 (05/05/2025) Самое важное: - Добавлен новый компонент Select(canary) который обеспечивает функционал Combobox и Select. Список изменений: - feat(Select): add canary component (#3907) - @gizeasy - docs: replace informers (#3920) - @alyonurchick1 - fix(Attachment): fixes attachment actions key (#3923) - @baevm открыть в GitHub
Изображение поста

На этой неделе канал будет вести Серёжа Москаленко — продуктовый дизайнер команды Ozon Банка. В банке он занимается дизайн-системой и стандартизацией.

Сегодня залезем в код-инспектор и посмотрим, зачем он дизайнерам. А после порефлексируем, зачем нам нужна проактивность, и что помогает презентовать свои идеи #ведущийнедели
Изображение поста

Movie Ticket Booking App

Это UI Kit мобильного приложения по бронированию билетов в кино. Дизайн система, компоненты, Auto Layout — это то, что вас будет ждать в этом паке. #материалы #UIKit 🖼 Figma за 60 секунд
Изображение поста

Бесплатные дизайн-системы

Собрание десятка открытых дизайн-систем DesignSystems от крупных брендов. От Audi до microsft. Все с ссылками на figma, где ты сможешь взять UI-компоненты, изучить логику и вдохновиться 🟩 Rectangle. Подписаться
Изображение поста
Дизайнеры, ловите сокровище:
⠀ Здесь собраны десятки открытых дизайн-систем — от крупных брендов типа IBM, Audi, Shopify. Всё бесплатно. Всё в одном месте. ⠀ Можно: — вдохновиться структурой — взять UI-компоненты — изучить логику типографики, цвета, отступов ⠀ Если вы собираете систему в Figma или пилите интерфейсы — сохраните его, он сэкономит вам кучу времени. ⠀ Забирай: designsystems.com/open-design-systems ⠀
Как дизайн меняет жизнь 🍬
Вероника. Точка А — администратор в копицентре. График 2/2 с 10 до 22. Приехала домой — поела, легла спать. Жизнь шла фоном. Точка Б — продуктовый дизайнер в Anex Tour. Работает из дома, ведёт дизайн-систему. 5/2, 9–18. Без поездок, без смен, без выгорания. Пришла ко мне через @super_helper вообще с нуля. Не «переквалифицировалась» — а просто решила начать карьеру в дизайне. На старте: ноль опыта, только мотивация. Собрали фундамент — интерфейсы, фигма, поведение на собесах. Сделали пару концептов, чтобы почувствовать, как устроен процесс в реальности. Через 2 месяца появилась вакансия джуна в Anex. Начали плотную подготовку: — Разбор дизайн-систем — Токены, альясы, документация — Как её интегрировать в GitHub — Подготовились к собесу — Собрали макеты для собеса Прошла HR, потом команду — и получила оффер. Удалёнка, уверенность, понятные задачи. ⠀ Сейчас джун-вакансий почти нет, а требования растут. Это не значит, что нельзя зайти в профессию — это значит, что готовиться надо лучше. Учиться не «чтобы знать», а «чтобы понимать и работать с этим на реальных задачах». И да — дизайн реально может поменять жизнь. Главное — дать себе шанс!
Изображение поста
Сделал Фигма-виджет для ВБ
Я не программист: когда-то делал страницы на HTML и CSS, писал простенькие приложения и игры для Андроида, что-то пытался собирать на Windows Forms. Мне интересно создавать, и возможность заставить что-то работать всегда меня увлекала. При этом я никогда ничего не заканчивал — все мои гениальные проекты так и остались кусками наполовину рабочего кода на компьютере и не вышли в свет Но недавно подвернулся момент сделать что-то действительно полезное и нужное. У нас в ВБ формируется процесс дизайн-чека. Проект должен быть проверен с трёх сторон: — сборка макета: всё ли по дизайн-системе, аккуратно и красиво — флоу и решение: чек от лида команды или всего направления (или от обоих) — текст и редактура И чтобы поставить чек, ребятам приходится отписываться в чате: «всё проверил» или «оставил пару комментов». При этом, когда заходишь в чей-то проект, непонятно, получен чек или нет, можно ли оттуда «своровать» макеты или весь флоу Поэтому я решил написать виджет, который можно положить прямо в Фигму и поставить чек внутри проекта. Виджет запомнит, кто и когда поставил чек Суперпростая штука, но очень полезная. Я немного разобрался в Фигма API, вспомнил джаваскрипт и вообще интересно провёл время с ЧатомГПТ и ночным просмотром видосов. Нравится, что в ВБ сейчас можно заняться практически всем, и это будет полезно и для компании, и для внутреннего дизайнерского сообщества Сам виджет уже доступен в Фигма Комьюнити. Теперь у меня там два проекта, иконки (у которых, кстати, уже больше 5k пользователей) и виджет для ВБ
Изображение поста
👤 На чём стоит веб. Мастер-класс по дизайну кодом с Женей Арутюновым
Давайте не будем перечислять причины необходимости понимать основы HTML CSS JS каждому диджитал-дизайнеру (и не только), а перейдём сразу к фактам: ◆ Макеты в фигма — это зачастую просто картинка, непонятно как она будет работать в динамике, с разными данными и условиями. ◆ Свёрстанный в HTML док на шаг ближе к конечному продукту, чем макеты. ◆ ИИ уже умеют и рисовать дизайны и верстать странички, но смотрите второй ◆. ◆ Дизайнер, владеющий кодом, богоподобен (преувеличено в художественных целях). До дизайна я был сугубо технарём и собирал сайтики в Notepad++, а, когда пришёл в дизайн, не сразу, но увидел похожести с веб-разработкой. Например в CSS есть классы, а в PS и Ai стили текста и глобальные цвета Короче, для меня грань между нарисованным дизайном и его имплементацией всегда была размыта и интуитивно казалось, что её вообще не должно быть. Поэтому я так радовался появлению Webflow, а потом нейронкам, с которыми набросать базовый док можно за две минуты. Что-то руками в коде я писал очень редко (в основном, чтобы фронтам что-то подсказать по задумке), поэтому сходил к Жене Арутюнову на курс «как верстать кодом». Убедился, что сейчас между фигмой и веб-разработкой ещё меньше отличий (переменные, генерация снипетов и тд). Но главное, кайфанул от осознания того, что можно сократить время вывода в продакшн своих затей, если знать код, и что разработка дизайн систем становится понятнее, когда для тебя :root {--primary: #2A303E;} не просто кракозябры. Сейчас Женя курс обновил, вот тут можно узнать всё необходимое. Так вот, мы же тут не просто про: «сходи посмотри курс». Мы про пользу в моменте, превращение сложного в простое, а страшного в «напугали ежа...». Поэтому мы договорились с Женей устроить такой мастер-класс, пройдя который каждый сможет понять каково это: делать дизайн сразу в коде, без двойной работы. То есть если вы боялись этой темы (особенно если вы боялись) или что-то пробовали, но не зашло — обязательно приходите. И всех зовите. Будет клёво, я обещаю Почитайте канал Жени (по ссылке начало серий заметок о курсе и зачем учить HTML). Когда: 6 мая в 19:00 МСК Где: трансляция у нас в Телеграм-канале и в VK Видео 🍑 Явно.Дизайн #антон #анонс #мастеркласс
Изображение поста
Senior Product Designer @ Salmon
Salmon — филиппинский финтех-необанк бывших топ-менеджеров Тинькоф. Ищут опытного дизайнера в команду мобильного приложения ⚠️ Задачи: • проведение исследований для улучшения пользовательских сценариев; • создание и поддержка дизайн-системы; • разработка микро-анимаций и интерактивных элементов. 👀 Что ожидают: • 3+ года опыта работы с мобильными приложениями; • знание принципов юзабилити; • опыт работы в стартапах; • отличное владение Figma; • опыт создания визуально ярких и эффективных интерфейсов. ‼️ Для работы требуется знание английского не ниже уровня B1-B2 💸 Условия: • зп не указана; • офис в Маниле (Филиппины); • помощь с релокацией; • медицинская страховка и wellness-бонусы. ➡️ Откликнуться на вакансию ➡️ Откликнуться на вакансию ➡️ Откликнуться на вакансию
Изображение поста
Дизайн-система + 6000 компонентов
• Сетка макета • Иконки • Цвета и тени • Идентификаторы • Узоры и украшения • Типографика • Кнопки • Более 6000 компонентов #Uikit Открыть в Figma Иконки Figma
друзья из 5х10 ищут дизайнеров! 
5х10 — это growth-студия, которая делает брендинг и коммуникации для компаний и стартапов из финтеха, ритейла и шеринга — Бери заряд, Азбука вкуса, Skyeng, Cамолет, Бронибой, Paynet, Alif. сеньор графический дизайнер/арт-директор — работа с брендами из СНГ и Европы. задачи: придумывать и реализовывать айдентику, делать коммуникации и креативы для 360-кампаний.  Оставляй заявку по ссылке сеньор продуктовый дизайнер — проектирование интерфейсов и дизайн-систем для SaaS и финтех-продуктов, исследования, формирование гипотез, развитие мобильных приложений. опыт от 5 лет. Оставляй заявку по ссылке
Изображение поста
Плагин Material Symbols — полный набор иконок из дизайн-системы Material Design. Каждую из них можно изменить: добавить заливку, поменять размер и толщину обводки.
#иконки # материальный_дизайн # символы 👨 Дизайн-телега
друзья из 5х10 ищут дизайнеров! 
5х10 — это growth-студия, которая делает брендинг и коммуникации для компаний и стартапов из финтеха, ритейла и шеринга — Бери заряд, Азбука вкуса, Skyeng, Cамолет, Бронибой, Paynet, Alif. сеньор графический дизайнер/арт-директор — работа с брендами из СНГ и Европы. задачи: придумывать и реализовывать айдентику, делать коммуникации и креативы для 360-кампаний.  Оставляй заявку по ссылке сеньор продуктовый дизайнер — проектирование интерфейсов и дизайн-систем для SaaS и финтех-продуктов, исследования, формирование гипотез, развитие мобильных приложений. опыт от 5 лет. Оставляй заявку по ссылке
Изображение поста
друзья из 5х10 ищут дизайнеров! 
5х10 — это growth-студия, которая делает брендинг и коммуникации для компаний и стартапов из финтеха, ритейла и шеринга — Бери заряд, Азбука вкуса, Skyeng, Cамолет, Бронибой, Paynet, Alif. сеньор графический дизайнер/арт-директор — работа с брендами из СНГ и Европы. задачи: придумывать и реализовывать айдентику, делать коммуникации и креативы для 360-кампаний.  Оставляй заявку по ссылке сеньор продуктовый дизайнер — проектирование интерфейсов и дизайн-систем для SaaS и финтех-продуктов, исследования, формирование гипотез, развитие мобильных приложений. опыт от 5 лет. Оставляй заявку по ссылке
Изображение поста
Ищут двух дизайнеров в 5х10
5х10 — это growth-студия, которая делает брендинг и коммуникации для компаний и стартапов из финтеха, ритейла и шеринга — Бери заряд, Азбука вкуса, Skyeng, Cамолет, Бронибой, Paynet, Alif. 🚨 Senior Graphic Designer ⚠️ Задачи: • работа с брендами из СНГ и Европы; • придумывать и реализовывать айдентику; • делать коммуникации и креативы для 360-кампаний. 💸 Условия: • зп от 200к ₽; • ежеквартальные бонусы; • удалёнка. ➡️ Откликнуться на графического дизайнера 🚨 Senior Product Designer ⚠️ Задачи: • проектирование интерфейсов и дизайн-систем для SaaS и финтех-продуктов • проведение исследований; • формирование гипотез; • развитие мобильных приложений. 💸 Условия: • зп от 200к ₽; • ежеквартальные бонусы; • удалёнка. ➡️ Откликнуться на продуктового дизайнера
Изображение поста
Привет! Принесли полезные обновления для 2-го поколения Дизайн-системы
Описание работы с дизайн-токенами для разработчиков Ранее мы добавили отображение дизайн-токенов в Storybook. Вы можете посмотреть как базовые токены, так и компонентные токены (вкладка Design Tokens у каждого компонента). В дополнение к этому мы опубликовали инструкцию: что такое токены, как их использовать в проекте и как модифицировать тему, изменяя токены. ➡️ Читать инструкцию по дизайн-токенам Контрибьюция в Дизайн-систему У нас накопился позитивный опыт совместной работы с разработчиками из других команд. Если вы готовы участвовать в разработке Дизайн-системы, у вас есть наработки для нового компонента или новой функциональности – ждём вас! Давайте развивать Дизайн-систему вместе. ➡️ Читать инструкцию по контрибьюции Роадмап Дизайн-системы на 2 квартал Актуализируем наш роадмап. В планах выпуск новых компонентов и улучшение текущих. ➡️ Посмотреть планы развития Дизайн-системы
Изображение поста
Дизайн и поддержка больших дизайн-систем. Михаил Волков (СБЕР)
Мы в переговорке с владельцем внутреннего продукта Сбера – дизайн-системы NOVA, Михаилом Волковым. В этом выпуске говорим о проблемах, связанных с созданием, поддержкой и дизайн-системами внутри корпоративных продуктов. Почему важно разговаривать и слышать друг-друга. Почему на стадии дизайна проще и дешевле вносить изменения в дизайн-систему. Как выстроить процессы, позволяющие эффективно управлять громоздкими продуктами и не создавать лишних задачек в бэклоге. Какие вещи часто игнорируют разработчики дизайн-систем и почему они важны для пользователя. Какие форматы коммуникации Миша использует с коллегами и как с помощью формата вопросов-ответов органически развивать базу знаний для всех участников процесса. Почему стоит использовать плейграунды не смотря на то, что это усложняет процесс работы Ознакомиться с упомянутой дизайн-системой и гайдами можно#guides"> по ссылке Вопросы оставляйте в комментариях к выпуску 👉 Слушать в Apple 👉 Mave и другие платформы 🚀 Слушать прямо в telegram
Изображение поста
База для дизайн-систем
У меня новый-старый проект — 🚀 Starter Kit. О том, что это такое — в видосе. Но если в двух словах, дизайн-системы часто воспринимаются, как атрибут бигтеха и бюрократизированного сетапа. А если снизить градус пафоса, это всего лишь какой-то фреймворк, чтобы бустануть качественную доставку фич до прода. И такой фреймворк есть у всех — и у бигтеха, и у стартапа, и у студии, и у фрилансера. Так вот 🚀 Starter Kit — это мой личный фреймворк. 👀 Смотреть 😄 Графика и дизайня
Изображение поста
🎁 Правила Розыгрыша — подробно!
Друзья, вчера было много вопросов по условиям розыгрыша на Дне Рождения Unid. И мы приготовили такой FAQ Для всех желающих мы открываем творческие уроки абсолютно бесплатно! ▫️18.04 — работа с KREA AI ▫️20.04 — дизайн главного макета сайта ▫️24.04 — анимированная открытка в Figma Как только выходит новый урок, предыдущий становится недоступен… и вместе с этим меняются предложения BIG-SALE и скидки на курсы (выгоднее всего покупать в первый день!) А 22.04 в 19:00 мск приходите на живой эфир-сюрприз 🔈 Почему стоит быть онлайн: На эфире разыграем дополнительные ценнейшие подарки среди зрителей (чтобы участвовать в розыгрыше на эфире — вам надо быть онлайн🙂) И только участники эфира получат 4 урок от Саши Гиря — о том, как создать анимированную открытку в Figma. Кроме того, вы становитесь участником розыгрыша Macbook при покупке с 17.04 по 26.04 😈 «Графический дизайнер» 😈 «Системный фриланс» 😈 или комбо предложения Выиграть Iphone можно при покупке с 17.04 по 26.04: 😈«Дизайнер инфографики» 😈«Веб дизайнер» Выиграть IPad можно за покупку с 17.04 по 26.04 😈 «Логодизайнер» Розыгрыш будет 26 апреля — там и узнаем счастливчиков ❗️И самое главное! Все эти курсы только в рамках Марафона вы можете приобрести со скидкой до 60%. После 26.04 цены будут уже другие ❗️ Вся актуальная информация по Акции — вот на этой странице ⬅️ Если остались вопросы по предложениям или хотите понять, как успеть воспользоваться акцией — не стесняйтесь, пишите нашим дежурным координаторам @pivovarova_Katya и @UNID_Anton в чате — на связи и быстро подскажут, как выбрать и купить самый выгодный пакет курса Пусть ДеньРожденческий Марафон UNID принесет успех, вдохновение и классное настроение каждому из вас ❤️
Изображение поста
Medusa UI — дизайн-система и набор компонентов для Figma.
Изображение поста