SUSHIN./DEV
telegram·26 сентября 2026 г.

Лучшие сайты для создания премиального дизайна.

Лучшие сайты для создания премиального дизайна. В видео коротко показал несколько ресурсов, которыми пользую лично при работе с визуалом. Еще хочу добавить, что умение формировать свои визуальные требования в понятное ТЗ — один из ключевых навыков, чтобы агент делал крутой дизайн. Также важно использовать правильно составленный design.md и хорошие референсы. Подборка сайтов: 1. Dribble — социальная сеть для цифровых дизайнеров, которая поможет найти крутые референсы. 2. Mobbin — огромная галерея различных интерфейсов собранная в одном месте. 3. Getdesign.md — сайт, где собраны дизайн-файлы известных компаний, чтобы сразу передать их своему агенту. 4. Variant.com — уникальные дизайны, которые можно быстро передать своему агенту. 5. 21st.dev — лучшая библиотека компонентов, которой пользуюсь уже больше года. В качестве обещанного бонуса, хочу отправить промпт для создания visual design system. Эта дизайн-система поможет вашему агенту всегда понимать, какие цвета и шрифты использовать, что запрещенно и какие состояния релеванты в вашем проекте. Агент меньше путается и у него есть больше примеров. Проанализируй приложенные скриншоты [или сайт: ссылка] и собери визуальную дизайн-систему. Результат: наглядный Visual Design System, оформленный как серия аккуратных карточек/экранов. Не ограничивайся текстом: проиллюстрируй каждое правило примерами компонентов, цветовых плашек, типографики, сетки и состояний интерфейса. Включи разделы: Общее визуальное направление — 3–5 тезисов. Цвета — роли, HEX-значения, шкалы оттенков и примеры применения. Типографика — гарнитуры, размеры, начертания, интерлиньяж, трекинг и образцы. Сетка и отступы — модуль, правила контейнеров, интервалы. Формы и поверхности — радиусы, границы, тени, blur/glass-эффекты. Компоненты — кнопки, карточки, иконки, поля/навигация; покажи их визуально. Анимация и интерактивность — длительности, easing, hover/scroll-эффекты. Do / Don’t — что сохраняет стиль и что его разрушает. Требования: Извлекай точные параметры из исходников, где это возможно. Если значение является предположением, явно помечай его как approximate. Не добавляй случайных решений, не подтверждённых референсами. Используй единый визуальный язык самого проекта. Итог подготовь в виде [HTML-страницы / Figma-файла / PDF / Markdown-документа] и приложи готовый файл. @takoikakvse1 sushin.dev
Открыть пост в Telegram

Пишу про AI, vibe-кодинг и карьеру

Дневник PM, который кодит. Честно, без инфобиза. @yumind_reborn

Подписаться