SXL Studio — новый бесплатный набор инструментов для дизайнеров дизайн-систем, альтернатива Token Studio, быстрее и функциональнее. Поддерживает:

→ Database — маппинг слоев в фигме с backend данными из JSON, CSV, вставка картинок по https// ссылкам. → Tokens — применение, экспорт, поддержка более 35 типов токенов: number, sizing, spacing, dimenstion, typography, transition, image, color, fill, shadow, glass и другие. → Генерация component и componentSet из JSON (через ИИ можно конвертировать любой компонент (VUE3, React) в JSON и на основе этого кода сгенерировать в Figma точно такой же компонент) → Интеграция дизайна в Storybook → Экспорт переменных из JSON в CSS, Swift, Kotlin прямо из плагина → Поддержка GitHub и GitLab → Поддержка Dev Mode для Frontend разработчиков → Восстановление связей с master компонентом или подключение открепленных инстансов к мастер компоненту → Поддержка Remote соединения с Agent AI Install plugin
Video is not supported

🤖 Почему ИИ-помощник каждый раз заново ломает ваш UI Kit

С AI в разработке почти у всех один и тот же цикл. В первой сессии он быстро собирает красивый экран, во второй начинает придумывать новые токены, в третьей путает отступы, а к десятой у вас уже ощущение, что продукт собирали три разные команды. Проблема не в том, что модель «плохая», а в том, что она не читает дизайн-систему так, как читает ее человек. В статье предлагают довольно практичный подход: сделать дизайн-систему понятной для LLM через спецификации, закрытый слой токенов, обязательный аудит и инструкции для каждой новой AI-сессии. То есть не надеяться, что модель сама догадается, какой у вас синий, какой радиус у кнопки и как должен собираться layout, а дать ей это в явном виде. На примере с Atlassian после такого подхода убрали 418 хардкодных значений из 28 файлов и свели их к системе токенов и спецификаций. Внутри: – Почему LLM не мыслят дизайн-системами и постоянно начинают с нуля; – Как из-за этого в прототипах копятся сотни мелких визуальных расхождений; – Зачем проекту нужны spec-файлы, которые модель читает в каждой сессии; – Почему закрытый слой токенов лучше, чем «разумные» догадки модели; – Как аудит ловит хардкодные цвета, отступы и другие нарушения до коммита; – Зачем связывать AI-инструкции, токены и CI в одну систему; – Как устроена структура спецификаций: foundations, tokens, components, patterns; – Почему такой подход особенно важен для больших прототипов и длинных AI-итераций. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Все уже попробовали Claude Design?

А пока я загружаю дизайн-систему туда, напишу про заявленную доступность Claude: • Аудит компонентов на соответствие WCAG 2.1 / 2.2 (A, AA, AAA) — контрастность, фокус, таб-порядок, размеры тач-таргетов • Проверка и генерация корректной ARIA-разметки (roles, states, properties, live regions) • Проверка работы с клавиатурой и фокуса • Анализ семантики HTML, heading hierarchy, landmark-регионов • Проверка alt-текстов • Генерация A11y-документации для компонентов дизайн-системы (do's/don'ts, примеры использования) Есть набор Accessibility Agents — специализированных агентов для Claude Code, GitHub Copilot и Claude Desktop, которые проверяют код на соответствие WCAG 2.2 AA, покрывают i18n/RTL, дата-визуализации, email, медиа, web components Пока сама не тестировала, попробую попозже )

Сайт, который тебе точно пригодится by alexeybychkov_

Component Gallery — та самая галерея компонентов, благодаря которым вы сможете создать стильный интерфейс. #сервисы #подборки
Video is not supported
Marketing Components — готовые разделы и компоненты для создания маркетинговых страниц
Изображение поста
Consta news
Новая версия @consta/table v0.8.0 (30/01/2026) Самое важное: - Добавили TextFieldCell - компонет редактирования текста в ячейках. Список изменений: - feat(TextFieldCell): add component (#37) - @gizeasy - chore(deps): remove unused deps `eslint-plugin-id-match`,Новая версия @consta/taНовая версия @consta/table v(#38) - @baevm открыть в GitHub
Изображение поста
Изображение канала: Retro Figma
Quest Components
Коллекция компонентов и страниц с функцией авто-расстановки. Предназначена для упрощения процесса создания интерфейсов, помогая дизайнерам быстрее собирать макеты и поддерживать их адаптивность. В набор входят разнообразные элементы, готовые к использованию Install 🖼 Figma Дизайн
Изображение поста
Изображение канала: Люстра
☀️ Витрина компонентов для вдохновения
Наткнулся на 21st — открытую площадку, где разработчики публикуют готовые React-компоненты и целые экраны. Это что-то вроде Figma Community, только для кода. На платформе много решений, собранных с реальных маркетинговых страниц популярных SaaS-сервисов. Например, на обложке — блок с главной страницы Linear. Помимо вдохновения: если ваша команда работает с React и придерживается подхода shadcn/ui, можно просто отправить ссылку на компонент — разработчики возьмут код и адаптируют его под ваш дизайн. Единственное: сейчас платформу обновляют — похоже, на её базе делают отдельный продукт. Поэтому возможны баги, а в навигации пока легко потеряться. Вам на страницу Community в раздел Components. 📎 Ссылка на площадку
Video is not supported
Изображение канала: Дизайн-Телега 🔥
Кнопки для IOS.
• 4 типа: заполненный, тонированный, серый, обычный. • 3 размера: большой, средний и маленький. • Выравнивание значков: по левому краю, по правому краю, только для значков и только для текста. #componets #button Открыть в Figma
Video is not supported
Изображение канала: Дизайн-Телега 🔥
Текстовые поля
• 5 типов в 2 стилях • Компоненты бесплатны, в том числе для коммерческих целей • Светлая и темная тема #components Открыть в Figma Источник
Video is not supported
Изображение канала: Дизайн-Телега 🔥
Клавиатуры для iOS.
• iPhone SE, 8, 8 Plus, iPhone X, iPad 9,7", iPad 10,5", iPad 12,9. • В книжной и альбомной ориентации. • В черно-белой тематике. • В верхнем и нижнем регистре. #components #keyboard #mobile #ios Открыть в Figma
Video is not supported
Изображение канала: Дизайн-Телега 🔥
Трафарет банковской карты
• Компоненты для формирования внешнего вида карты #components Открыть в Figma Источник
Video is not supported
Изображение канала: Retro Figma
29 Charts UI Components
Набор полностью настраиваемых компонентов для создания графиков Install 🖼 Figma Дизайн
Изображение поста
Изображение канала: Веб дизайн в Figma
Detach Component — плагин отсоединяет компоненты и варианты.
Figma Community#tools
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Набор компонентов для выбора даты и времени.
• 15+ готовых компонентов с поддержкой Variants и Auto Layout • Адаптирован для веб и мобильных проектов • Регулярные обновления и улучшения #uik #datetime #components #web #mobile Открыть в Figma
Video is not supported
Изображение канала: Дизайн-Телега 🔥
Шаблон для сайтов связанных с финансами.
• Разработан в соответствии с потребностями современных финансовых платформ. • Надежная система проектирования. • Удобный интерфейс. #landingpage #components Открыть в Figma
Video is not supported
Изображение канала: Дизайн-Телега 🔥
MC UI Componets K
Этот набор содержит более 15 полностью настраиваемых компонентов пользовательского интерфейса с автоматической компоновкой, вариантами, цветами и текстовыми стилями, которые помогут вам запустить ваш проект! #Components ОТКРЫТЬ 👨 Дизайн-телега
Изображение поста
Изображение канала: Дизайн-Телега 🔥
iOS 18 Widgets
Настройка экранов iOS. #Components ОТКРЫТЬ 👨 Дизайн-телега
Изображение поста
Изображение канала: Точка входа
Старший коммуникационный дизайнер в WIM.Agency
WIM.Agency — digital-агентство омниканальной коммуникации. Задачи: — вести дизайн промо-кампаний от идеи до реализации — создавать гайдлайны и библиотеки, ревьюить макеты команды — адаптировать и курировать дизайнеров Ожидания: — опыт от 3 лет в digital/web дизайне — глубокое знание Figma (autolayout, components) и Adobe Photoshop/Illustrator — опыт с AI-инструментами — базовые навыки или готовность учиться Adobe After Effects — ответственность за полный цикл: от концепта до финала: лендинги, баннеры, email, геймификация, презентации Условия: — полностью удаленная работа — график пн-пт с 10:00 - 19:00 МСК — официальный контракт + оклад — годовой выезд в Сочи + крутые корпоративы — наставник + доступ к Figma, Shutterstock, Unsplash, Midjourney Контакт для отклика: @Career_WIM_Agency_bot #дизайн
Изображение поста
Изображение канала: Людочка, дизайн!
UI Microinteractions – Interactive Components
Готовые интерактивные компоненты с несложной анимацией — удобно, если нужно быстро оживить интерфейс. Можно скопировать файл, чтобы посмотреть настройки, и использовать как есть или адаптировать под свой проект. #прочее Людочка, дизайн – ресурсы для дизайнеров
Изображение поста