Назад к библиотеке промптов
Библиотека промптовПромпт для изображения

Доска UI-системы стилей

Создайте многостраничную доску UI-системы стилей с сеткой 8px, цветовыми токенами, типографической шкалой, состояниями компонентов и выровненными примерами макетов.

Дизайн-системаUI-китТипографика
Превью

Промпт для изображения

Рекомендуемая модель

Seedream 5.0 Lite

Формат результата

Шаблон промпта изображения

Превью

Промпт для изображения

Превью доски UI-системы стилей с цветовыми токенами, типографической шкалой, состояниями компонентов и примерами адаптивных макетов.

Превью доски UI-системы стилей с фокусом на системной согласованности, выравнивании по сетке, редактируемых токенах и готовых для продукта UI-примерах.

Полный промпт

Доска UI-системы стилей

Многостраничная доска UI-системы стилей с сеткой 8px, цветовыми токенами, типографической шкалой, компонентами и адаптивными макетами.

Рекомендуемая модель: Seedream 5.0 LiteФормат результата: Шаблон промпта изображения
Полный промпт
Промпт для изображения
Создайте отполированную многостраничную доску UI-системы стилей для [PRODUCT_OR_BRAND]. Представьте систему как связный набор дизайн-страниц на одном чистом холсте предпросмотра. Используйте строгую сетку интервалов 8px, последовательные поля, точное выравнивание и ясную иерархию на каждой странице. Включите панель цветовых токенов с образцами основных, вторичных, нейтральных, семантических и фоновых цветов; типографическую шкалу со стилями заголовков, основного текста, подписей и чисел; лист компонентов с кнопками, полями ввода, карточками, навигацией, бейджами и пустыми состояниями; а также два примера адаптивного макета с пропорциями для десктопа и мобильного экрана. Система должна быть визуально согласованной, редактируемой и подходящей для SaaS-продукта, инструмента для авторов, ecommerce-бренда или внутреннего дашборда. Используйте реалистичный текст-заполнитель только там, где он нужен, и делайте подписи достаточно короткими, чтобы они оставались читаемыми. Избегайте реальных логотипов, скопированных дизайн-систем, названий брендов, не предоставленных пользователем, искаженной типографики, непоследовательных интервалов, несочетающихся теней, декоративного шума, недоступного контраста и примеров компонентов, нарушающих сетку.

Примечания по использованию

Перед запуском замените тип продукта, тон бренда, направление палитры, список компонентов, примеры макетов и требования доступности.

Вопросы по промпту

Перед использованием этого промпта

Быстрые проверки входных данных, подходящей модели и способов адаптировать шаблон без потери качества результата.

Что настроить в первую очередь?

Определите тип продукта, тон бренда, базовую палитру, характер типографики, охват компонентов и должны ли примеры выглядеть больше как маркетинговые страницы или как дашборд.

Может ли этот промпт создать пригодную дизайн-систему?

Он создает визуальную доску системы стилей для исследования и презентации. Перед переводом в производственные UI-токены проверьте интервалы, контраст, типографику и поведение компонентов.

Что проверить перед публикацией изображения?

Проверьте читаемость подписей, различимость цветовых образцов, ясность типографической иерархии, общую логику интервалов у компонентов и отсутствие копирования реальной брендовой системы.

Еще промпты в этом режиме

Предпросмотр редакционного макроснимка продукта с охлажденным напитком, показывающий главный охлажденный напиток, конденсат, фактуру стекла, контролируемые блики и кадрирование, готовое для кампании.
Превью кинематографичного кадра уходового продукта: отполированный бьюти-продукт, контролируемые отражения, чистый реквизит и редактируемая зона бренда.
Предпросмотр авангардного рекламного креатива туши с продуктовым объектом, композицией, стилевым направлением и переиспользуемой структурой вывода.