Дизайн-система через Claude Code

Я никогда не любил работать с ДС и компонентами, особенно, когда АИ ещё не было в целом. Дизайн-система это такая штука, которая никогда не заканчивается. Сегодня добавили новый компонент, завтра поменяли состояние, потом где-то в продукте уже уехала версия, а в библиотеке всё ещё живёт старый вариант. И начинается обычная рутина. Проверить состояния. Сверить компоненты. Понять, что отстало от продакшна. Поправить в нескольких местах. Убедиться, что дизайнеры не разнесли всё по разным файлам. Работа важная, но максимально не самая весёлая) И вот это как раз очень похоже на задачу, которую можно отдавать AI-агенту. Не творческую часть, где надо думать головой, а именно поддержку порядка: сверять, находить расхождения, подтягивать правила, дополнять состояния, помогать не превращать ДС в свалку. Даниил из Pixel Perfect 3 июня в 18:00 мск покажет, как это работает на практике. Будет не учебный кейс, а живой AI SaaS-стартап для голосовых агентов. Он соберёт дизайн-систему через Claude Code и Figma MCP, а потом на её базе сверстает экраны продукта. 😎 Что будет полезного Покажет, как собирать ДС через Claude Code и Figma MCP, даст 4 скилла для Claude Code под сборку и поддержку своей дизайн-системы, и разберёт, какую рутину реально можно отдать агенту. Если работаете с дизайн-системами или просто устали руками вылавливать одни и те же расхождения залетайте посмотреть. Ща отставать уже не модно, нужно быть в трендах инструментов и снимать с себя кучу рутины ✨ Эфир пройдёт в канале, приходите Кстати, кто уже занимается ДС через клод, какой у вас пайплайн? Как работаете? 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила

Free Fitness App Ui Kit by Figma Pro

Готовый UI Kit фитнесс приложения, компоненты которого вы можете взять за основу своего проекта. 📱Скачать UI Kit📱 #uikit

Черный на черном?

Это в любой ситуации не лучший вариант. Соблюдение баланса между слишком большим и слишком низким контрастом крайне важно для создания хорошего опыта взаимодействия с пользователем и удобного интерфейса. Безусловно, использование белого или цветного текста в темной теме увеличит читаемость и облегчит напряжение пользователя. Figma

Abstract background

Набор абстрактных 3D фонов для использования в Figma Install
Wave & Сurve — плагин создает разнообразные волны и интересные узоры.
🔗 Figma Community ▫️ #tools
Beautiful Shadows — плагин позволяет создавать красивые тени
Unblocked AI
Позволяет ретушировать и улучшать изображения с помощью ИИ, не покидая Figma. Есть 12 бесплатных генераций Install
Figma Make теперь работает с локальным кодом (в бета версии). Можно подключать свой codebase, редактировать код визуально с точными изменениями, ветвить, коммитить и шиппить прямо из Figma.
Interactive PDF Export — плагин для экспорта Figma-макетов в полноценные интерактивные PDF-формы. Поддерживает реальные поля ввода, чекбоксы, радио-кнопки и другие интерактивные элементы.
Создание глубоких теней в Figma.
GPT to Figma — С помощью ИИ от OpenAI вы можете генерировать текст, описания, заголовки и многое другое
Install
Привет 👋
🤓 6 июня в 13:00 МСК проведём онлайн Design Warm-up №3 — про портфолио Будет короткая лекция, практика и совместная работа над вашими кейсами вместе с Евгением Трофимовым — Senior Design Leader & Hiring Manager с опытом в Apple, Bumble и Badoo. Важно: — всего 6 практических мест — нужно заранее подготовить материалы для портфолио — желательно уверенно работать в Figma — базовое понимание AI-инструментов будет плюсом ♦️После регистрации мы посмотрим заявки и выберем 6 участников для практической части, чтобы успеть дать каждому нормальный фидбек во время созвона. 💛Если не попадёте в практическую группу — всё равно можно будет смотреть встречу онлайн и делать задание вместе с нами. После регистрации мы свяжемся с участниками отдельно 🖤регистрация https://docs.google.com/forms/designwarmups Основной канал: @Designwarmups Чат комьюнити: @Designwarmups_chat Сайт: designwarmups.com
Шумный градиентный фон by maypls.web
Простенький туториал по созданию градиентных фонов при помощи пластики в Figma #figma
Custom Graph — cоздавайте собственные диаграммы и графики в Figma.
customgraph.pro
Как украсть чужой дизайн by bonnieandslide
Всего один ИИ плагин Codia AI позволит вам украсть чужой дизайн и адаптировать его под себя. #figma #плагин
Vector Mockups — бесплатная коллекция мокапов для Sketch, Figma и Photoshop.
mockups.kkuistore.com
Создаём эффект матового стекла в Illustrator’e by martanskkiy
Простой туториал, благодаря которому вы научитесь всего за несколько простых действий создавать эффект матового стекла в Figma. #illustrator #туториал
Siter — платформа, очень похожая на Figma, но позволяет создать сразу готовый адаптивный сайт без кода.
siter.io
Figma добавила нативный инструмент для преобразования растровых изображений в векторные.
Translations for figma — плагин для перевода