Плагин Figma
Плагин Checklist Design для проверки макетов в Figma.
Открыть плагин Checklist DesignБИБЛИОТЕКА ДИЗАЙНА
Система дизайна
Компоненты должны быть согласованными, простыми для понимания и простыми в использовании.
Продолжить проверку
Чек-листы в работе.
Обзор чек-листов
Выберите платформу или тему.
Основы дизайн-системы
Определяйте правила типографики, цветов, отступов, токенов и доступности.
5Система дизайна
Типография
Создавайте четкую иерархию контента любого размера.
Система дизайнаДизайнерские жетоны
Называйте общие ценности и управляйте ими.
Система дизайнаДоступность
Убедитесь, что продукт можно использовать разными способами для просмотра и управления.
Система дизайнаИнтервал/Сетка
Сохраняйте единый ритм макета при изменении контента и экранов.
Система дизайнаЦветовая система
Используйте цвета, которые имеют четкую роль и сохраняют смысл в каждом интерфейсе.
Компоненты интерфейса
Проверяйте структуру, варианты и состояния каждого компонента.
27Система дизайна
Аккордеон
Сворачивайте контент, сохраняя при этом удобство поиска и навигации.
Система дизайнаБаннер
Поместите важную информацию в правильный контекст.
Система дизайнаРадиокнопки
Делает выбор одного элемента понятным и простым в использовании.
Система дизайнаПодсказка
Добавьте объяснение, не скрывая необходимую информацию.
Система дизайнаМодальный диалог
Принимайте решения целенаправленно, а завершающие линии легко найти.
Система дизайнаПоле ввода
Помогает правильно вводить и исправлять ошибки прямо в информационном поле.
Система дизайнаКнопка
Уточните действия и ответы после активации.
Система дизайнаПереключить
Измените статус, не угадывая эффект.
Система дизайнаЯщик
Открывайте дополнительный контент, сохраняя контекст основного экрана.
Система дизайнаВыбор даты
Помогает выбирать даты, не путая формат или период времени.
Система дизайнахлебные крошки
Указывает положение и путь к резервной копии в структуре содержимого.
Система дизайнаОповещение
Сообщите, что произошло и какие шаги необходимо предпринять.
Система дизайнаСкелет
Указывает на предстоящий контент, не вызывая скачка макета.
Система дизайнаКарусель
Позволяет последовательно просматривать контент, сохраняя при этом контроль над местоположением.
Система дизайнаСлайдер
Помогает выбрать контролируемое значение или диапазон значений.
Система дизайнаТост
Короткая обратная связь после действия без блокировки работы.
Система дизайнаВкладки
Переключение между областями контента на одном уровне.
Система дизайнаФлажок
Выберите несколько элементов или включите независимый выбор.
Система дизайнаПанель поиска
Начните поиск с четкого определения масштаба и ответа.
Система дизайнаЗагрузка
Указывает, что задача выполняется и когда ее необходимо обработать.
Система дизайнаЗначок
Сохраняйте значок узнаваемым и значимым в любом размере.
Система дизайнаТаблица
Представляйте структурированные данные для сканирования и сравнения.
Система дизайнаКарта
Соберите информацию и действия в одном удобном для сканирования блоке.
Система дизайнаЗначок
Добавьте количество или статус, не вторгаясь в основной контент.
Система дизайнаАватар
Покажите личность и предоставьте контролируемые обновления фотографий.
Система дизайнаВыпадающее меню
Перенесите связанные действия в простые в управлении меню.
Система дизайнаСтеппер
Увеличивайте или уменьшайте число четкими шагами.
Нет сохранённых чек-листов
Выберите «Сохранить чек-лист» на странице с подробностями.
Сохранённые чек-листы появятся здесь.
Найти чек-лист
Выберите платформу или тему.
Приложения DucDZ
Инструменты DucDZ.
Временная почта
Создайте временный адрес электронной почты и получайте письма.
Открыть приложениеLocket
Смотрите ленту и делитесь моментами в Locket.
Открыть приложениеСкачать видео
Скачивайте видео или аудио по поддерживаемым ссылкам.
Открыть приложениеAnimation
Изучайте компоненты, стили и анимацию на интерактивных примерах.
Открыть приложениеИнструменты и интеграции
Используйте чек-листы в Figma или с ИИ-помощником.
Навык агента DucDZ
Чек-листы на вьетнамском и английском для проверки интерфейсов с ИИ.
Скачать навык агентаКак использовать
Распакуйте архив, добавьте skill в ИИ-помощник и передайте изображение, URL или исходный код для проверки.
Навык Figma от DucDZ
Проверяйте структуру, состояния и удобство использования фрейма Figma.
Скачать навык FigmaКак использовать
Добавьте skill в ИИ-помощник, затем подключите Figma или передайте изображение фрейма.
Проверяйте и сохраняйте прогресс
Отмечайте проверенные пункты.
Прогресс сохраняется в этом браузере.