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

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 секунд
- Открой figma.com/community/ai-skills.
- Найди нужный скилл (поиск по имени или категории).
- Жми Save - он попадёт в твой аккаунт.
- В любом файле открывай агент, набирай
/- в выпадашке появится имя скилла. Выбираешь - он запускается.
Всё. Ни установки плагинов, ни аутентификации.
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. Разберу задачу и скажу, что реально автоматизируется, а что нет.

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