Чек-лист передачи макетов Figma
Чек-лист передачи для дизайн-команд — файлы, именование, токены, экспорты, спецификации, ссылки на прототипы и всё, что нужно клиентам и разработчикам, чтобы двигаться быстро. Прекратите отвечать на вопросы «где найти X?».
Что вы получите
- Чек-лист перед передачей — Гигиена файлов, чистка компонентов, именование
- Таблица пакета передачи — Что включать в каждую передачу
- Руководство по спецификациям экспорта — Форматы, размеры, соглашения об именовании
- Раздел проверки качества передачи — Финальные проверки перед отправкой
Скачать чек-лист
Получите полный чек-лист передачи макетов Figma.
Email не требуется. Бесплатно для использования и распространения.
Чек-лист гигиены файлов
Чек-лист компонентов и стилей
Таблица пакета передачи
| Элемент | Формат | Расположение |
|---|---|---|
| Ссылка на файл Figma | Доступ на просмотр/редактирование | Документ передачи |
| Ссылка на прототип | URL прототипа Figma | Документ передачи |
| Дизайн-токены | JSON, CSS-переменные или Figma-токены | GitHub или прикреплённый файл |
| Экспорты ассетов | PNG, SVG, WebP по необходимости | Google Drive/Клиентский портал |
| Набор иконок | SVG, упорядоченная папка | Прикреплено или по ссылке |
| Файлы шрифтов | OTF/TTF или ссылки на Google Fonts | Прикреплено или по ссылке |
| Спецификации/разметка | В Figma (Dev Mode) или с аннотациями | Тот же файл, страница спецификаций |
| Заметки о доступности | Документ или аннотации Figma | Документ передачи или страница спецификаций |
Руководство по спецификациям экспорта
Изображения (фото, сложная графика)
PNG или WebP, @1x и @2x, макс. ширина 1920px, если не указано иное
Иконки
SVG, обводки преобразованы в контуры, согласованный viewbox (обычно 24x24)
Логотипы
SVG + PNG в качестве запасного варианта, RGB для веба, CMYK для печати
Соглашение об именовании
icon-name.svg, hero-image-mobile@2x.webp, logo-primary-dark.svg
Чек-лист проверки качества передачи
Перед отправкой пакета передачи:
Частые ошибки и советы
Передача без разбора вживую
Одних файлов недостаточно. Запланируйте 15–30 минут, чтобы провести разработчиков/клиентов по дизайну. Ответьте на вопросы заранее.
Забытые спецификации адаптивности
На десктопе выглядит отлично, но как ведёт себя на мобильных? Задокументируйте точки останова или спроектируйте несколько размеров.
Нелицензированные шрифты
Разработчики не могут использовать шрифты, на которые у них нет лицензий. Включите файлы шрифтов или подтвердите варианты Google Fonts/веб-безопасных шрифтов.
Смешивание финальных и черновых версий
Чётко помечайте, что утверждено/финально, а что — эксперименты. Переместите черновики на отдельную страницу или в архив.
Как реализовать это в Workify
- Прикрепляйте ссылки Figma к задачам — Дизайн-задачи напрямую ссылаются на файл
- Делитесь пакетом передачи через клиентский портал — Клиенты получают доступ ко всему в одном месте
- Создавайте передачу как веху — Отслеживайте передачу как часть прогресса проекта
Часто задаваемые вопросы
Стоит ли давать клиентам доступ на редактирование файлов Figma?
Обычно нет. Доступ на просмотр безопаснее — предотвращает случайные изменения. Если им нужно комментировать, комментарии Figma работают и при доступе на просмотр. Давайте доступ на редактирование только тем клиентам, которым действительно нужно вносить изменения.
Как организовать передачу для клиентов без аккаунтов Figma?
Figma позволяет просматривать без аккаунта. Делитесь ссылками на просмотр. Для тех, кто действительно не может использовать Figma, экспортируйте в PDF или используйте инструмент вроде Zeplin, который может предоставлять спецификации вне Figma.
Что делать, если клиент вносит изменения после передачи?
Версионирование критически важно. Используйте историю версий Figma или дублируйте файл перед передачей как «замороженный» снимок. Любые изменения после передачи должны проходить через ваш процесс запросов на изменение.
Насколько детальными должны быть спецификации?
Зависит от вашей команды разработки. Опытным разработчикам может быть достаточно доступа к Figma Dev Mode. Менее техническим клиентам или удалённым командам могут понадобиться более явные пояснения. Спросите, что они предпочитают.
Стоит ли включать неиспользованные эксперименты?
Нет. Передача = только финальная работа. Поместите эксперименты на отдельную страницу «Archive» или «Exploration». Это поддерживает чистоту передачи и предотвращает путаницу в том, что утверждено.
Когда проводить разбор передачи?
В тот же день или на следующий день после отправки пакета. Пока всё свежо. Запланируйте 15–30 минут на демонстрацию экрана, где вы проведёте по файлу, объясните решения и ответите на вопросы.
Похожие шаблоны
Чек-лист клиентского портала
Делитесь передачами через полноценный клиентский портал.
Креативный бриф
Сверяйтесь с брифом, чтобы передача соответствовала требованиям.
Шаблон объёма работ
Передача завершает поставки, определённые в SOW.
Форма запроса на изменение
Правильно обрабатывайте изменения после передачи.