Документация
Как настроить библиотеки FISYCO, подключить Figma и репозиторий и доставлять дизайн в код.
Начало работы
Что делает FISYCO
Как FISYCO держит макет в Figma и код в согласии: рабочее пространство, проекты, библиотеки и дизайн-система в коде. И с чего начать.
Воркспейс, проект и команда
Создайте проект, пригласите коллег по email и узнайте, что могут владелец, администратор, участник, сопровождающий, контрибьютор и наблюдатель.
Подключение Figma
Подключите аккаунт Figma, выберите файлы для библиотек и опубликуйте их, чтобы компоненты и стили синхронизировались.
Подключение репозитория
Подключите GitHub, GitLab или Bitbucket к проекту, выберите целевую ветку для pull request и следите за состоянием вебхуков.
Плагин FISYCO для Figma
Установите плагин, войдите по коду, выберите группы переменных и отправляйте переменные Figma в библиотеку токенов без тарифа Enterprise.
Библиотеки
Компоненты Figma в дизайн-системе
Где живут компоненты Figma, как подключить и проверить файл и как каждое изменение делится на ломающее, расширяющее и косметику.
Проверка изменений и pull request
Где смотреть, что изменилось в библиотеке Figma, как изменения уходят в код через pull request и как FISYCO следит за его статусом до слияния.
Иконки в React
Компоненты-иконки из Figma становятся React-компонентами, SVG-спрайтом или пакетом и приходят в ваш репозиторий через pull request.
Настройки генерации иконок
Все настройки вкладки «Генерация» в библиотеке иконок: исходный SVG, файл, который получается на выходе, и место этого файла в репозитории.
Иллюстрации: форматы и масштабы
Иллюстрации из Figma в SVG, PNG, WebP или AVIF в одном или нескольких масштабах: как FISYCO называет файлы и доставляет их через pull request.
Токены в CSS, SCSS и TypeScript
Форматы, имена, режимы и единицы библиотеки токенов: что FISYCO пишет в файлы DTCG, JSON, CSS, SCSS, TS и JS, с примерами настоящего результата.
Дизайн-система в коде
Подключение дизайн-системы из кода
Подключите ui-kit к FISYCO: репозиторий и папка, источники, продуктовые репозитории и что делает первая индексация. Код FISYCO читает, но никогда не запускает.
Здоровье дизайн-системы
Одна оценка от 0 до 100 показывает, насколько код следует макету и токенам. Из чего она сложена, что её поднимет, динамика по прогонам и здоровье компонентов.
Расхождения
Как читать экран расхождений: кто ходит следующим, почему строка важна и как исправить её сейчас, передать агенту или скрыть с причиной.
Компоненты: сравнение с макетом
Как вкладка «Компоненты» связывает ui-kit с Figma, как читать схемы и деревья слоёв макета и кода и как вручную поправить сопоставление вариантов.
Патчи и автономность
Насколько FISYCO может исправлять расхождения сам, для каждого класса изменений, и как каждая правка доказывается до того, как придёт pull request.
Проверка дизайн-системы в pull request
Что FISYCO проверяет в каждом pull request, как работает проверка FISYCO design system, как сделать её блокирующей и как FISYCO отвечает в своих pull request.
ИИ-агенты
Подключение агента через MCP
Как дать Claude Code, Cursor, Copilot или Windsurf вашу дизайн-систему через MCP-сервер FISYCO: подключение, вход, инструменты агента и отчёт по агентам.
Правила для агентов и отчёт
Задайте правила, которые ИИ-агенты получают от дизайн-системы через MCP, и посмотрите, что агенты из неё взяли и каких компонентов не нашли.