Проекты Услуги Обо мне AI Сервисы Блог Контакт
Главная Блог Статья

Как я делаю 5000+ дизайн-макетов: инструменты и процесс

26.02.2026
дизайн Figma Canva продуктивность

5000+ дизайн-макетов за карьеру — от логотипов до полноценных сайтов. Архитектурное образование в РАЖВиЗ дало мне фундамент, а практика — скорость. Вот мой процесс.

Иллюстрация: graphic design workspace creative tools layouts
Иллюстрация: graphic design workspace creative tools layouts

Инструменты

Figma — основной инструмент для UI/UX. Компоненты, auto layout, варианты — всё это позволяет создавать системы дизайна, а не отдельные макеты.

Canva — для маркетинговых материалов: баннеры, сторис, карточки для маркетплейсов. Быстро, качественно, не нужно открывать Photoshop для каждого баннера.

Иллюстрация: graphic design workspace creative tools layouts
Иллюстрация: graphic design workspace creative tools layouts

Процесс

  1. Бриф: 15 минут разговора с клиентом. Что за бизнес, кто аудитория, какие ассоциации, конкуренты.
  2. Мудборд: 30 минут. Подбираю референсы, цветовую палитру, типографику. Сейчас AI ускоряет этот этап.
  3. Wireframe: 1 час. Структура без визуала — чистая UX-логика.
  4. Дизайн: 3-5 часов. Полноценный макет с UI kit.
  5. Правки: 2-3 итерации по обратной связи.
Иллюстрация: graphic design workspace creative tools layouts
Иллюстрация: graphic design workspace creative tools layouts

Принципы

  • Контраст важнее декора
  • Типографика — 80% дизайна
  • Белое пространство — не пустота, а элемент
  • Мобильная версия — не адаптация, а отдельный дизайн

Нужен дизайн? напишите мне. Примеры — в мои проекты.

Эволюция инструментов

2018: Photoshop — 8-12 часов на макет. 2020: Figma — 4-6 часов. 2022: Figma + Canva — 3-4 часа сайт, 15 мин баннер. 2024: + AI — 2-3 часа. 2026: + Claude UX-консультации — 1.5-3 часа.

Принципы

Mobile-first: 70%+ трафика мобильные. Проектирую мобильную версию первой.

Системный подход: Не отдельные экраны, а дизайн-система: цвета, типографика, компоненты, сетка.

Типографика > декор: Если текст читается плохо — никакие иллюстрации не спасут.

Белое пространство: Клиенты просят «заполнить пустое». Объясняю: пространство даёт контенту дышать.

Accessibility: Контраст 4.5:1, keyboard navigation, alt-теги. Это для всех, не только для людей с ограничениями.

Как ускорить дизайн-процесс

UI Kit: создаю для каждого проекта. Кнопки, инпуты, карточки, модалки — 30 базовых компонентов. Переиспользую на 50+ экранах. Figma auto layout + варианты компонентов.

Шрифтовые пары: 5 проверенных комбинаций для разных стилей. Не трачу время на подбор каждый раз. Space Grotesk + Inter — моя любимая для tech.