Wave & Сurve — плагин создает разнообразные волны и интересные узоры.
🔗 Figma Community
▫️ #tools
Как я пытаюсь выстроить связку Figma + Claude (часть 1)
Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно
Рассказываю на примере проекта, где я на фрилансе (oversecured.com)
Дано:
- legacy-архитектура фронта, которую сложно масштабировать с LLM-кой
- отсутствие части макетов в Figma + неактуальность макетов
Что хотим:
- заиметь макеты в Figma, которые выступают как источник правды
- можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт
- UI-kit/дизайн-система, которая полностью совпадает в Figma/code
Как мы решили это сделать:
1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт
2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma
Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение.
3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн
4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp))
Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы).
И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем
Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался
В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100
Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma
Часть 2 напишу, когда подойду к ней!
MacBook Pro 14 Mockup — качественный бесплатный мокап MacBook Pro 14.
uiLogos — библиотека логотипов.
🔗 Figma Community
▫️ #assets
Onboarding Templates — 20 бесплатных шаблонов онбординга.
Community-менеджер в Академию Ивана Замесина
Ваня Замесин, автор методологий AURA и Advanced JTBD, курса «Как делать продукт» и основатель сервиса подбора психотерапевтов «Мета».
Задачи:
— автоматизация процессов: no-code / вайб-кодинг приветствуется
— организация гостевых стримов, координация и проведение созвонов
— онбординг новых участников,
— удержание и вовлечение: системная работа, а не разовые акции
— развитие UGC: кейсы, гайды, промпты от самих участников
Ожидания:
— реальный опыт управления сообществом (не модерация чата, а развитие)
— проактивность: сам придумываешь форматы, тестируешь гипотезы, доводишь до результата
— используешь AI в работе, вайбкодишь — это обязательно
— умеешь работать автономно в условиях стартапа
— быстро реагируешь и не теряешься в нестандартных ситуациях
Условия:
— фикс оплату обсуждаем индивидуально
— part-time, в перспективе переход на full-time
— гибкий график: нам важен конечный эффект и инициативность, а не регламент
— бесплатный доступ ко всем курсам и материалам: «Как делать продукт», BOOST, AURA Framework
→ Почитать подробнее и откликнуться
AI-generated avatars — более 500 бесплатных аватаров сгенерированных нейросетью.
Community / Social Media Manager
Международное коммуникационное агентство (NDA), основанное бывшими сотрудниками Microsoft — ищет Community / Social Media Manager, который будет развивать присутствие брендов в Reddit и X.
Задачи:
— ежедневно мониторить Reddit и X, находить релевантные обсуждения
— следить за трендами, мем-культурой и лидерами мнений
— готовить контент-план и ситуативные посты
— писать посты и комментарии от имени брендов
— придумывать вовлекающие активности: опросы, цепочки комментариев, обсуждения
— взаимодействовать с пользователями и развивать комьюнити
— вести несколько аккаунтов и следить за их безопасностью
— анализировать метрики: karma, ER, CTR, просмотры
Мы ищем человека, который:
— отлично пишет на английском
— понимает культуру Reddit и X
— умеет работать с tone of voice разных брендов
— интересуется технологиями и IT/B2B
— умеет анализировать метрики и улучшать контент
— внимателен и умеет структурировать работу с несколькими аккаунтами
Условия:
— удалённая работа
— проектная занятость с возможностью перехода на постоянную
— оплата в рублях / долларах / евро
— конкурентная компенсация
Контакт для отклика:
@abhinav_hrconsulting
Material You — большой UI kit нового Android 12.
💼 90% кандидатов отсеиваются на whiteboard, хотя портфолио у них отличное
Андрей готовился к первому whiteboard в Т-Банке. Читал статьи, тренировался с таймером, откликался на вакансии для практики. Прошёл скрининг, техсобес, портфолио. Дошёл до whiteboard. Два лида, час времени, задача про фичу в мобильном банке. Справился.
Потом Андрей поговорил с Машей, лид-дизайнером Т-Банка. Она проводит whiteboard постоянно, за 2025 год провела больше 70 собеседований. У неё около 90% кандидатов отсеиваются после whiteboard. До финальных обсуждений доходит очень небольшое количество людей.
Внутри:
— К overview можно подготовиться: вычистить портфолио, заготовить ответы. На whiteboard смотрят, как ты думаешь в стрессе;
— Отсутствие вопросов это красный флаг, некоторые менеджеры прекращают whiteboard, если кандидат вообще не спрашивает;
— Важно не «правильное решение», а как кандидат думает, задаёт вопросы, реагирует на фидбэк, выстраивает логику;
— Как ты рисуешь неважно, хоть «как курица лапой». Важно, как формулируешь гипотезы и связываешь бизнес с пользователем;
— Если кандидат гнёт свою линию и не слышит фидбэк, это большой минус для командной работы;
— Ответственность на обеих сторонах: неправильное направление менеджера может не раскрыть сильного человека.
Андрей сделал файл в Figma Community с этапами, фреймворками и списком вопросов. Можно форкнуть и адаптировать под себя. В статье большой список материалов для подготовки: статьи с Habr, VC.ru, подкасты, телеграм-каналы.
А вы проходили whiteboard? Как готовились?
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
3D Characters — 3D-иллюстрации персонажей.
🔗 Figma Community
▫️ #3d
Come to Figma — сохраняйте изображения или SVG-файлы из Come напрямую в Figma, не загружая их на компьютер.
🔗 Figma Community
▫️ #tools
Perspective — плагин для создания эффектов глубины и объема на объектах.
Reflect — с помощью плагина можно сделать зеркальное отражение объекта.
Icon Resizer — генератор компонентов для иконок необходимого размера.
🔗 Figma Community
▫️ #tools
3D Business Pack — бесплатный пакет 3D-иллюстраций на тематику бизнеса.
Image Filler — изменение режимов масштабирования изображений.
GradientGaze — коллекция голографических градиентов.
uiLogos — библиотека логотипов.
🔗 Figma Community
▫️ #assets
