Figma: файл упирается в память — диагностика, разгрузка и восстановление
Figma — браузерное приложение, даже когда оно запущено отдельным окном. Значит, на него распространяется ограничение памяти вкладки браузера. Когда файл дизайн-системы разросся, вы видите не «медленный интернет», а предупреждение о памяти, после которого файл может заблокироваться для редактирования.
Ниже — как это устроено по документации Figma, как читать индикатор и что делать, если файл уже закрылся для правок.
Почему ограничение общее для браузера и приложения
Figma использует WASM-память (WebAssembly) для отрисовки слоёв и совместной работы. В документации прямо сказано: у каждого браузера есть активный лимит памяти, ориентировочно 2 ГБ на вкладку, и поскольку Figma построена на браузерных технологиях, это ограничение действует и в десктопном приложении.
Отсюда два важных вывода:
- Установка приложения не увеличивает лимит файла.
- На ноутбуке с 16 ГБ ОЗУ проблема обычно не в объёме памяти как таковом, а в количестве открытых вкладок Figma и в структуре файла.
Как посмотреть расход
- Откройте главное меню.
- Наведите на View.
- Выберите Memory usage — в левой панели появится индикатор.
- Нажмите Manage memory.
- Включите Show memory in layers panel, чтобы видеть, какие слои и компоненты сколько занимают.
Память считается только для страниц, которые уже загружены. Переход на новую страницу догружает контент и повышает показатель, поэтому «прыжки» вверх при навигации — нормальное поведение.
Пороги и предупреждения
Здесь есть расхождение в самой документации Figma:
| Источник | Пороги |
|---|---|
| Статья Reduce memory usage in files | 90 % — красная плашка, 100 % — блокировка файла |
| Troubleshooting checklist | баннеры и алерты на 60 %, 75 %, 100 % |
Практически это означает: реагируйте не на конкретное число, а на появление баннера. Если вы дошли до 90 %, дальнейшие правки могут привести к потере данных, и Figma сама рекомендует действовать сразу.
На 100 % файл блокируется: «нет доступной памяти». Просмотр и редактирование останавливаются.
Recovery mode: как вернуть файл
Если у вас есть право редактирования и браузер поддерживается, Figma предложит recovery mode. Поддерживаемые версии по документации: Firefox 89+, Chrome 83+, Safari 15.2+, Microsoft Edge 93+. В десктопном приложении файл тоже можно открыть для восстановления.
Что происходит:
- загружаются все страницы файла;
- открывается модальное окно Manage memory;
- чтобы выйти из режима, нужно снизить расход ниже 90 %;
- после выхода файл перезагружается.
Это не «кнопка очистки»: вам придётся вручную удалить или вынести содержимое. Зато работа не теряется.
Что реально освобождает память
1. Скрытые слои
Документация называет скрытые слои одним из главных потребителей: Figma хранит и отрисовывает информацию о них, даже когда они невидимы. Удаляйте то, что не нужно, а не просто прячьте.
2. Варианты компонентов
Figma загружает весь набор компонентов целиком, чтобы мгновенно переключать варианты. Если у вас один компонент с тысячами вариантов, память уходит на них. Решения:
- boolean-свойства вместо отдельных вариантов видимости;
- component properties вместо дублирования;
- разделение библиотеки на несколько файлов.
3. Разделение файлов
Большую библиотеку можно разнести по файлам, перенося опубликованные компоненты и наборы между ними без разрыва связей с экземплярами. Процесс состоит из двух шагов: вырезать и вставить компоненты, затем опубликовать изменения.
4. Закрытие лишних вкладок
Это первое, что советует официальный чек-лист: закрыть неиспользуемые вкладки Figma, принудительно завершить приложение и открыть его заново. Каждая вкладка — отдельный экземпляр приложения со своим потреблением.
5. Меньше эффектов на экране
Чек-лист предлагает отключить курсоры совместной работы, направляющие и эффекты. Это не освобождает память напрямую, но снижает нагрузку на отрисовку и помогает работать, пока вы чистите файл.
Чего документация не обещает
Figma прямо пишет: конкретного числа слоёв или объёма данных, после которого наступает предел, нет. «Один универсальный подход» не работает — нужно смотреть на индикатор и на структуру конкретного файла. Поэтому советы «держите не больше N слоёв» не стоит воспринимать как норму.
Также не стоит рассчитывать, что апгрейд ОЗУ решит проблему: лимит задаёт вкладка, а не объём оперативной памяти ноутбука.
Профилактика для больших проектов
- Разделяйте дизайн-систему и макеты по файлам.
- Не держите скрытые слои «на будущее».
- Регулярно проверяйте Memory usage перед большой правкой.
- Держите открытыми только нужные страницы и вкладки.
- Для тяжёлых файлов используйте десктопное приложение, чтобы не делить память с остальными вкладками браузера.
- Перед рискованной операцией делайте копию файла.
Чек-лист
- Открыть View → Memory usage.
- Закрыть лишние вкладки Figma.
- Удалить скрытые слои.
- Сократить варианты компонентов.
- Разнести библиотеку по файлам.
- При блокировке — войти в recovery mode и снизить расход ниже 90 %.
- Перезапустить приложение и проверить результат.
FAQ
Почему десктопное приложение не спасает от лимита памяти?
Потому что Figma использует те же браузерные технологии, и ограничение вкладки действует и в приложении. Приложение убирает конкуренцию с другими вкладками, но не поднимает потолок.
Сколько памяти доступно файлу Figma?
Ориентир из документации — около 2 ГБ активной памяти на вкладку. Точное значение зависит от браузера и устройства.
Что происходит при 100 %?
Figma блокирует файл и сообщает, что доступной памяти нет. Для правок нужен recovery mode или разгрузка содержимого.
Recovery mode действительно сохраняет работу?
Да, режим позволяет снизить расход и вернуть файл в редактируемое состояние. Условие выхода — меньше 90 %.
Поможет ли больше оперативной памяти в ноутбуке?
Само по себе — вряд ли. Лимит определяется вкладкой, а не свободной ОЗУ. Но больше памяти позволит держать несколько вкладок и приложений без свопа.