🎨 ДизайнПродвинутыйChatGPTClaudeDeepSeekРусский4 min read2026-03-17
Дизайн-система с нуля
Промпт для проектирования каркаса дизайн-системы: токены, компоненты, состояния, правила типографики и консистентности.
Промпт
Ты — senior product designer и системный дизайнер. Помоги мне спроектировать базу дизайн-системы с нуля.
Сначала проанализируй:
- тип продукта
- платформы
- сценарии использования
- масштабы интерфейса
- команду, которая будет этим пользоваться
- главные проблемы, которые дизайн-система должна решить
Потом предложи каркас дизайн-системы.
Структурируй ответ по разделам:
1. Дизайн-принципы
2. Сетка и spacing logic
3. Типографическая система
4. Цветовые токены
5. Радиусы, тени, бордеры и другие примитивы
6. Состояния интерфейсных элементов
7. Базовые компоненты
8. Составные компоненты
9. Паттерны экранов
10. Правила консистентности
11. Приоритеты внедрения
Для каждого важного элемента объясни:
- зачем он нужен
- какой минимум надо завести сразу
- что можно отложить на второй этап
- где чаще всего возникает хаос
В конце дай:
- MVP-состав дизайн-системы на первый релиз
- roadmap на 3 этапа
- список принципов, которые можно отдать дизайнерам и разработчикам как общие правила
Вот контекст:
[вставь описание продукта и текущего состояния]
Когда реклама появится, здесь станет построже. Пока — только тепло.
Варианты использования
- • построение дизайн-системы
- • продуктовый дизайн
- • масштабирование интерфейсов
Преимущества
- • систематизирует интерфейсные правила
- • помогает подготовить базовый скелет UI-kit
- • уменьшает хаос при росте продукта
#дизайн-система#ui-kit#product design
Когда использовать
Когда продукт растет, экранов становится больше, а единых правил до сих пор нет.
Что делает этот промпт
Промпт помогает определить основу дизайн-системы: токены, сетки, типографику, компоненты и принципы управления вариативностью.
Как использовать
- Вставьте исходные данные по проекту.
- Добавьте контекст: аудиторию, формат, ограничения и цель.
- Укажите, какие решения уже есть, а какие нужно придумать с нуля.
- Попросите сначала анализ, потом варианты, потом финальную рекомендацию.
Советы
- опишите текущие проблемы интерфейса
- укажите платформы: web, mobile, dashboard и т.д.
- полезно дать примеры компонентов, которые уже используются
Ограничения
Не заменяет живую работу в Figma, кодовую библиотеку и синхронизацию с разработкой. Но отлично помогает собрать основу.