🛠 AI-инструменты

Figma AI Skills: 10 лучших скиллов для агента

Михаил ИванинМихаил Иванин18 августа 2026 г.6 мин чтения
Figma AI Skills: 10 лучших скиллов для агента
✈️
Свежие гайды и обзоры выходят в моём Telegram первыми
Подписаться →

Figma AI Skills: 10 лучших скиллов для встроенного агента

В августе 2026 Figma открыла AI Skills - библиотеку инструкций для своего агента, которые вызываются слэш-командой прямо в чате. Формат тот же, что у Claude Skills от Anthropic: маркдаун-файл с описанием повторяемого воркфлоу. На старте в каталоге уже больше 50 скиллов от комьюнити - дизайн-ревью, конвертация макетов в мобилку, генерация компонентов, UX-райтинг. Ставится одним кликом, на бесплатном тарифе тоже работает. Ниже - 10 скиллов, которые реально экономят время, и готовый промпт для Claude Code, чтобы сделать свой.

Что такое AI Skills в Figma

AI Skill в Figma - это маркдаун-файл, который описывает пошаговый воркфлоу: агент читает инструкцию и выполняет её на твоём файле. Стандарт открытый, тот же Agent Skills spec, что использует Anthropic для Claude Code. Никакого кода, никакой разработки плагинов - просто текст, который объясняет агенту, что делать.

Вызывается через слэш в чате Figma-агента: набираешь /имя-скилла, дальше он идёт по шагам. Работает и в Figma Design, и в Figma Make.

Официальная библиотека: figma.com/community/ai-skills. Гайд от Figma: help.figma.com - Custom skills.

Нужен ли платный тариф

Нет. Starter (бесплатный) даёт 150 AI-кредитов в день и до 500 в месяц. Во время беты Figma заявила, что промпты к агенту кредиты не жгут вообще - это касается и вызова скиллов. Карта не нужна, срок триала не тикает.

Ограничение бесплатного тарифа - 3 файла в команде. Для личных драфтов - без лимитов.

Как поставить скилл за 30 секунд

  1. Открой figma.com/community/ai-skills.
  2. Найди нужный скилл (поиск по имени или категории).
  3. Жми Save - он попадёт в твой аккаунт.
  4. В любом файле открывай агент, набирай / - в выпадашке появится имя скилла. Выбираешь - он запускается.

Всё. Ни установки плагинов, ни аутентификации.

10 скиллов, которые реально работают

Отбор - по практической пользе, а не по количеству лайков. Все ссылки ведут в общую библиотеку - Figma регулярно меняет ID страниц, поэтому надёжнее искать по имени.

  • better-interface - переписывает UI под читаемость: типографика, контраст, спейсинг. Быстрый первый проход по любому экрану.
  • superfuture-design-review - полное ревью макета: находит проблемы иерархии, компоновки, консистентности и сразу предлагает правки.
  • component-handoff - собирает полную документацию по выбранному компоненту: пропсы, состояния, границы, примеры использования. Экономит час на каждый handoff в разработку.
  • desktop-to-mobile - берёт десктопный макет и раскладывает его в мобильный. Без ручного передвигания фреймов.
  • create-anatomy - строит визуальную анатомию элемента: слои, отступы, стейты. Полезно, когда нужно объяснить дизайн-новичку, из чего собран сложный компонент.
  • find-animation-opportunities - смотрит на макет и предлагает, где добавить анимацию: транзишены, микроинтеракции, hover-эффекты.
  • spacing-audit - аудит отступов и пропорций. Ловит места, где сетка поехала.
  • balise-ux-writing - переписывает тексты в едином стиле: кнопки, микрокопии, ошибки. Убирает разнобой между экранами.
  • analyze-components - полный аудит компонентов на странице: что переиспользуется, что задублировано, где нарушен паттерн.
  • design-system-gen - генерирует набор компонентов по стилевым вводным. Быстрый старт для нового проекта или скетча системы.

Найти любой из них - в поиске по figma.com/community/ai-skills. В библиотеке сейчас больше 50 скиллов, топ обновляется еженедельно.

Что использовать первым

Если нужен быстрый эффект - ставь superfuture-design-review и spacing-audit. Прогоняешь ими любой готовый экран, получаешь список конкретных правок и решаешь, какие принять. Экономит один полный проход глазами.

Если работаешь на команду - component-handoff и analyze-components. Первый убирает муку с документацией для разработки, второй чистит библиотеку от дублей.

Если делаешь адаптив - desktop-to-mobile. Не заменяет мозг, но 70% типовой работы снимает.

Как сделать свой скилл под свой воркфлоу

Самый быстрый путь - написать скилл в Claude Code и залить его в Figma как маркдаун. Скилл-файл - обычный .md по спецификации Agent Skills.

В Claude Code вставь запрос:

Сделай мне AI Skill для Figma-агента по формату Agent Skills spec (маркдаун-файл SKILL.md). Задача скилла: [опиши свой воркфлоу простым языком - например: "проверить экран на соответствие моей дизайн-системе - шрифты Inter, скругления 12px, палитра из 6 цветов, отступы кратны 8"]. Внутри распиши: имя скилла, короткое description для слэш-меню, пошаговый workflow для агента, ожидаемый вход и выход. Ничего не выдумывай - только то, что реально попросил. Финальный файл верни целиком, готовый к загрузке в Figma Community.

Дальше открываешь в Figma агент, жмёшь "Create skill", вставляешь файл. Он появится в твоих скиллах и станет доступен через слэш. Если готов - публикуешь в Community, чтобы им пользовались другие.

Альтернатива - попросить самого Figma-агента: он умеет генерить скиллы по описанию задачи прямо в чате.

Про формат Agent Skills под Claude Code у меня подробно тут: навыки Claude и Deep Research. Логика та же, что и у Figma - Figma просто добавила свой рантайм поверх открытого стандарта.

Что важно знать перед стартом

  • Скиллы от комьюнити не проходят модерацию по качеству - смотри рейтинг и количество установок перед сохранением.
  • Агент выполняет инструкцию, но не заменяет решение: результат ревью нужно принимать вручную, а не сливать в макет.
  • Скиллы, которые генерят компоненты с нуля (design-system-gen), дают стартовый скелет - его нужно доводить руками. Магии нет.
  • Формат общий с Claude Skills, но рантаймы разные: скилл, написанный под Figma-агент, не запустится напрямую в Claude Code без переписывания под его контекст.

FAQ

Нужно ли платить за Figma AI Skills?

Нет. Бесплатный тариф Figma Starter даёт доступ к агенту и библиотеке скиллов. На время беты Figma не списывает AI-кредиты за промпты к агенту, а лимит по Starter - 500 кредитов в месяц.

Работают ли скиллы в Figma Make?

Да. Figma расширила поддержку скиллов на оба продукта - Figma Design и Figma Make. Один и тот же скилл вызывается слэш-командой в обоих.

Можно ли сделать свой скилл без кода?

Да. Скилл - это маркдаун-файл, а не программа. Пишешь описание задачи, шаги и ожидаемый результат, загружаешь в Figma - готово. Ни JS, ни API, ни SDK.

Что делать, если скилл выдаёт странный результат?

Во-первых, смотри в описание - многие скиллы работают только на определённых типах файлов (например, только на фреймах, а не на группах). Во-вторых, у комьюнити-скиллов качество разное; проверяй, кто автор и сколько установок. Проще всего - попробовать 2-3 конкурирующих скилла на одну задачу и оставить лучший.

Где искать другие скиллы, кроме библиотеки Figma?

Если нужны скиллы для агентов вообще - самая крупная открытая библиотека сейчас у Nous Research, там больше 88 000 скиллов. Формат совместим с Claude Code и десятком других клиентов, но для Figma нужен именно её нативный формат.

Коротко

AI Skills - способ Figma отдать рутину дизайнеру-агенту: маркдаун-инструкция, слэш-команда, готовый воркфлоу. 50+ скиллов в библиотеке уже сегодня, бесплатный тариф покрывает. Что реально экономит время - superfuture-design-review, spacing-audit, component-handoff, desktop-to-mobile. Свой скилл собирается в Claude Code за один запрос и заливается в Figma без строчки кода.

Что дальше

Если хочешь собрать такую систему у себя - у меня есть курс по вайбкодингу и работе с нейросетями в клубе Мандарин Лаб: mandarinedu.ru. Первые уроки открыты бесплатно.

Если нужно внедрить ИИ в бизнес - процессы, агентов, автоматизацию под вашу задачу - пишите мне напрямую: t.me/Philigranchik. Разберу задачу и скажу, что реально автоматизируется, а что нет.

Бесплатный первый урок

Хочешь собрать это сам - с нуля до первого клиента?

В первом уроке показываю весь путь по шагам: ставим Claude Code, собираем первый рабочий инструмент и как на этом начать зарабатывать. Без воды и без кода.

Смотреть первый урок →
Михаил Иванин
Об авторе

Вайбкодер-разработчик и маркетолог с 9-летним опытом, основатель «Мандарин Лаб». Собирает на ИИ то, за что раньше платили подрядчикам сотни тысяч: CRM, ботов, автоматизации, монтаж. Одну из систем строил под агентство недвижимости с базой в 400 000 лидов. Теперь учит этому с нуля - как за вечер собрать свой инструмент через Claude Code и зарабатывать на нейросетях.

Telegram @mike_cmo →Кто такой Михаил Иванин →
#figma#ai skills#figma agent#дизайн ai#figma make#agent skills