Mobile Wireframe UI Kit – Набор каркасов часто используемых системных компонентов, позволяющих быстро смоделировать идеи вашего мобильного телефона

Install

Game UI by ZeD - Icons - Fantasy

Уникальный набор векторных иконок в стиле фэнтези Install

Сервис "Templatery"

На этом сайте вы можете найти большую коллекцию готовых шаблонов презентаций, которые помогут вам при создании своего нового проекта. 💻Скачать шаблоны💻 #uikit

🙂 Виталий Кузьмин и его правила работы

Вчера мы публиковали рабочее место автора PT Root, PT Root UI, Sober Sans, соавтор Golos UI и Golos Text — Виталия Кузьмина. Виталик — шрифтовой и графический дизайнер, леттерер и график. Он же автор интерфейсных шрифтов VTB Group и интерфейсных начертаний шрифтовой системы Сбера, которая получила награды конкурсов GRANSHAN, Red Dot и ED Awards. А ещё Виталик занимается аналоговой фотографией и коллекционированием любимых брендов! И вот его правила: — По каждому проекту всегда параллельно работаю на бумаге (эскизы, почеркушки, заметки и т. д.). Приучил себя подписывать все листы (категория/заказчик/проект и дата). На самом деле делаю много записей по длительным проектам, на бумаге проще и наглядней думается. — На ноуте слева, когда работа довольно рутинная, часто что-то параллельно играет, аниме или труба, но если задачи сложней, то просто музыка на фоне, а порой и совсем тишина, чтобы не отвлекаться и погружаться в задачу максимально. — Вторая клава и вторая мышка для PC, который стоит под столом и иногда тоже требуется. Второй монитор подключён сразу и к Mac Mini, и к PC. — Модель мышки и клавиатуры не менял, кажется, больше 10 лет*, руки к ним привыкли. Покупаю такие же по мере выхода из строя тех, что в работе. — Не представляю работу без двух мониторов, очень давно привык именно так. * — Кстати, я тут подумал, что про мышку и клаву приуменьшил, лет 15 минимум не менял, а то и все 20 ⚡️
Ура, наконец-то настоящий рабочий кейс с ИИ!
Кейс NDA. Поэтому, увы, покажу вам бокал, но зато расскажу как это было и как можно получить действительно качественный результат. ⚡️ Дано: презентация pptx на 18 слайдов со сложными схемами. В некоторых схемах 3х-ступенчатый уровень вложенности (кто сталкивался — поймет КАК это больно верстать). 💥 Результат: лендинг на 18 экранов в Claude Design за 3(!) часа с сохранением контента, стиля компании, анимациями и интерактивными схемами 🏃‍♂️ Что получилось: — дословный перенос контента — сохранение фирменного стиля компании — сложные, многоэтажные, статичные схемы стали интерактивными. И это стало главным вау-эффектом для заказчика — спецэффекты без боли: анимации появления экранов и отдельных блоков, эффекты стекла и плавные переходы. 🥲 Главное в этом кейсе — это скорость и возможность повторить алгоритм на других презентациях. Напоминаю, эту красоту со сложнейшим контентом удалось сотворить (десктоп+моб версии) за 3(!) часа. По моему скромному мнению, это — невероятный результат. И наконец-то реальный кейс с эффективным использованием ИИ. Кстати, коллегам так зашло, что на встрече с заказчиком показывали именно лендинг, а не классическую статичную презентацию. 💥 Что нужно на вход, чтобы попробовать применить у себя: — собственно оформленная презентация, сохраненная в .pdf. Но если у вас совсем нет времени, то супер базовая верстка и отдельно прикрепить визуалы. 👀 Важный нюанс: все визуалы прикрепляю отдельными вложениями и прописываю на каком экране какой визуал должен быть. — UI-кит стиля компании. Причем я делала компонентами не так много вещей: палитру, типографику и плашки) Все! Никакие skills, референсы и специальные промпты не давали такого результата, как ui-кит и базово оформленная презентация. Пишите в комментариях, если будут вопросы по алгоритму действий 🙏
Как я пилю свой продукт. Часть 33
Чёт почти месяц прошёл, как я писал 32 часть, время пролетело оч быстро, но и сервис на месте не стоял. Он развивался и довольно успешно. Одна из самых главных новостей за это время: сервис пробил рекорд выручки аж два раза. По количеству оплат за день и сумме, а также по кол-ву оплат и сумме за неделю. Сказать, что я в шоке ничего не сказать, потому что сейчас июнь. Многие уже отдыхают и работу не ищут. Вторая главная новость и тоже крутая, за счёт чего случились рекорды: со мной теперь работает очень мощный человечек. Я не буду его раскрывать, но он был CEO и CPO всеми известных вами сервисов, которыми вы пользовались. У него 15+ опыта в айти и growth продуктов. Не успел он прийти, как начались рекорды. Сказать, что я этому рад, ни сказать ничего. Фанфакт: он просто написал в чате на сайте, что ему нравится мой продукт и он готов поучаствовать в его росте просто за кайф (пока что) и видит в этом большой потенциал. Мы переработали модалку оплаты, вытащили сервисы, провели кучу косметической работы по текстам, расположениям блоков и так далее. Всё это дало рост выручки в том числе. Сейчас по планам добавление новых сервисов и правильное позиционирование в рынке. Мы будем идти локомотивом. Ближайшая амбициозная цель 1 млрд выручки к 2028 году. И есть чёткое понимание, как к этому прийти. Вы в шоке? И я тоже. Я таких цифр не знаю, а вот партнёр прекрасно их понимает. Свела судьба! Я провёл огромную работу по SEO ещё раз, добавил то, чего не хватало и теперь буду отслеживать, что это поменяет через пару недель или месяцев. Но рекорд по кликам в гугле уже был за сутки. И это ещё один из рекордов)) И да, ещё важное: появились аж 3 новые категории для финансистов, рекрутеров и продажников. Это большой объём рынка, который я не охватывал. Ну и куча багов поправлена конечно, по UI и по UX. Новый профиль, вот например, когда на него нажимаете) Красивое меню там теперь удобное. А ещё я добавил фильтр по сфере. Ранее его не было. Теперь вот есть, пользуйтесь наздоровье. Я продолжаю каждый день получать десяток сообщений о том, какой сервис прекрасный и крутой и красивый! Не зря я столько вытачивал интерфейс. Могу смело заявить это самый красивый и удобный сервис по поиску работы в РФ для айти. Вроде всё, увидимся в 34 части) Всех обнял! ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.32
Как я пилю свой продукт. Часть 33
Чёт почти месяц прошёл, как я писал 32 часть, время пролетело оч быстро, но и сервис на месте не стоял. Он развивался и довольно успешно. Одна из самых главных новостей за это время: сервис пробил рекорд выручки аж два раза. По количеству оплат за день и сумме, а также по кол-ву оплат и сумме за неделю. Сказать, что я в шоке ничего не сказать, потому что сейчас июнь. Многие уже отдыхают и работу не ищут. Вторая главная новость и тоже крутая, за счёт чего случились рекорды: со мной теперь работает очень мощный человечек. Я не буду его раскрывать, но он был CEO и CPO всеми известных вами сервисов, которыми вы пользовались. У него 15+ опыта в айти и growth продуктов. Не успел он прийти, как начались рекорды. Сказать, что я этому рад, ни сказать ничего. Фанфакт: он просто написал в чате на сайте, что ему нравится мой продукт и он готов поучаствовать в его росте просто за кайф (пока что) и видит в этом большой потенциал. Мы переработали модалку оплаты, вытащили сервисы, провели кучу косметической работы по текстам, расположениям блоков и так далее. Всё это дало рост выручки в том числе. Сейчас по планам добавление новых сервисов и правильное позиционирование в рынке. Мы будем идти локомотивом. Ближайшая амбициозная цель 1 млрд выручки к 2028 году. И есть чёткое понимание, как к этому прийти. Вы в шоке? И я тоже. Я таких цифр не знаю, а вот партнёр прекрасно их понимает. Свела судьба! Я провёл огромную работу по SEO ещё раз, добавил то, чего не хватало и теперь буду отслеживать, что это поменяет через пару недель или месяцев. Но рекорд по кликам в гугле уже был за сутки. И это ещё один из рекордов)) И да, ещё важное: появились аж 3 новые категории для финансистов, рекрутеров и продажников. Это большой объём рынка, который я не охватывал. Ну и куча багов поправлена конечно, по UI и по UX. Новый профиль, вот например, когда на него нажимаете) Красивое меню там теперь удобное. А ещё я добавил фильтр по сфере. Ранее его не было. Теперь вот есть, пользуйтесь наздоровье. Я продолжаю каждый день получать десяток сообщений о том, какой сервис прекрасный и крутой и красивый! Не зря я столько вытачивал интерфейс. Могу смело заявить это самый красивый и удобный сервис по поиску работы в РФ для айти. Вроде всё, увидимся в 34 части) Всех обнял! ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.32
Buttons Components by FRAM CREATIVE SOLUTIONS
В этом наборе вы найдёте коллекцию готовых кнопок, которые сможете использовать в своих проектах. 🖨Скачать кнопочки🖨 #uikit
Toolfolio - нормальная база дизайн-инструментов, где есть что посмотреть👀🖥
Один раздел дизайна там это прям масса пользы: ✦ В одной вкладке собраны десятки категорий: UI, 3D, генерация изображений, прототипирование, иконки, типографика, видео, мокапы ✦ Внутри не абстрактные «лучшие сервисы», а конкретные инструменты ✦ Много сервисов, которые обычно не на слуху и реально нишевые тулзы, которые можно утащить в работу Растащил себе лично парочку новых инструментов за один заход 👍👍
Абстрактные формы — быстрый способ добавить глубину, ритм и настроение в макеты, не перегружая их деталями. Собрали подборку файлов: от мягких градиентов и 3D‑фигур до дудлов, цветочных элементов и монохромных паттернов — всё, чтобы ускорить работу над фонами, обложками и акцентами в интерфейсе.
🔶 Abstracto Demo Демо‑набор крупных цветных PNG‑форм, которые хорошо работают как выразительные фоны и центры композиции. 🔶 Texturas Abstractas Пакет текстур, удобных для фоновых заливок, наложений и лёгкого «зашумления» плоских макетов. 🔶 Geometrical Abstraction with Gradients Серия геометрических абстракций с мягкими градиентами, напоминающими плакатный графдизайн и digital‑арт. 🔶 AbstractForms Vol.1 Коллекция аккуратных фигур, которые можно собирать в постеры, аватары и иллюстративные блоки. 🔶 Abstract Lines Подборка линий и контуров, добавляющих движение и ритм фонам, шапкам и разделителям секций. 🔶 Fondos Abstractos 3D‑фоны с неоновыми формами и глубиной, которые хорошо работают как обложки и главные экраны. 🔶 Abstract Blob Vector Shapes Набор векторных «блобов» и пятен, которые удобно использовать как мягкие подложки под текст и карточки. 🔶 50 Abstract Posters & Wallpapers Part 2 Коллекция готовых постеров и обоев, которые можно брать в качестве фонов и референсов. 🔶 Abstract Geometric Waves Геометрические волны и полосы, создающие динамичный рисунок для фона. 🔶 Glassmorphism Wallpaper Abstract 3D Figure Обои с абстрактными 3D‑фигурами в стиле стекломорфизма, идеальны под UI-заставки. 🔶 12 Abstract Banners Free 12 готовых баннеров с яркой графикой, оптимизированных под веб и соцсети. 🔶 Abstract Geometric Pattern Simple Shapes 03 Простые геометрические паттерны из базовых форм для повторяющихся фонов и плиточной сетки. 🔶 M‑513 Abstract 3D Illustrations Набор 3D‑иллюстраций, которые можно использовать как ключевые визуалы в лендингах и презентациях. 🔶 Gradient Abstract Banners Баннеры на градиентных подложках, хорошо заходящие как промоблоки, превью и обложки. 🔶 3D Abstract Shapes Коллекция объёмных 3D‑форм, годящихся для центральных изображений, постеров и визуальных акцентов. 🔶 Monochrome Abstract Монохромные абстракции со сдержанной графикой, которые поддерживают минималистичный и строгий визуальный стиль. 🔶 36 Abstract Graphic Elements Pack 36 графических элементов, из которых удобно собирать коллажи и декоративные композиции. 🔶 Free Abstract Flower Elements Collection Набор «цветочных» элементов, стилизованных для декоративных вставок и паттернов. 🔶 350 Vector Doodles Weird Creatures & Abstract Forms Большая коллекция векторных дудлов с причудливыми существами и абстрактными формами для живых, экспериментальных макетов. [Фабрика Дизайна]
хорошей кириллицы настолько мало, что ⚪️ денис уже вышел на улицы искать ее…
справился, нашел и выдаст на воркшопе по кириллическим шрифтам в ui. завтра, 10 июня, в 18:00 (gmt+3) ждем в онлайне 🦅 обсудим, как использовать выразительные кириллические шрифты в цифровых продуктах, искать шрифтовые пары и добавлять характер интерфейсу. ⚪️ регайся в боте
UI Kit "Helio" by Emilie Crassard Большой набор компонентов для создания каркасов веб сайтов и приложений
Taxi Booking App Высококачественный UI Kit приложения для вызова такси с большим количеством уникальных редактируемых элементов. Есть бесплатная версия
UImates — онлайн-платформа, где вы можете бесплатно скачать современные шаблоны пользовательского интерфейса для приложений и целевых страниц.
uimates.com
#13 Replit хочет дать агентам насмотренность
Replit 15 мая добавил в каталог MCP новый сервер Lazyweb. Если коротко, он позволяет агенту искать по базе из 257k+ реальных экранов приложений. Replit прямо пишет: для UI-референсов и дизайн-исследований. На первый взгляд, маленькая новость из списка обновлений. Добавили ещё один MCP, ну ок. Но для вайбкодинга это довольно важная штука. Потому что сейчас у AI-интерфейсов есть очень узнаваемая болезнь. Попросил собрать сервис, личный кабинет, страницу вакансии, CRM или дашборд, и через минуту получаешь что-то аккуратное, чистенькое и до боли одинаковое. Карточки, табы, серые подписи, синий акцент, график, три метрики сверху. Всё вроде нормально. Только ощущение, что этот экран уже видел тысячу раз и ни один раз не хотел им пользоваться. Проблема часто не в том, что модель не умеет рисовать. Она рисует как среднее арифметическое интернета. А среднее арифметическое обычно выглядит как SaaS, который стесняется сказать, чем он занимается. У агента появляется не только промпт, но и шанс посмотреть, как похожие задачи уже решили живые продукты Это уже ближе к работе дизайнера. Перед тем как делать новый сценарий, ты смотришь, как это устроено у других. Не чтобы скопировать. Просто чтобы понять, какие паттерны вообще существуют, где люди обычно ошибаются, какие решения уже стали привычными, а где можно сделать иначе. Например, тебе надо собрать экран подписки. Вариант «сделай красиво» почти гарантированно даст три карточки с тарифами и зелёную кнопку. А если агент видит реальные примеры, он хотя бы может заметить детали: – где показывают ограничения тарифа – как объясняют пробный период – куда прячут отмену – как оформляют сравнение – где начинается тёмная сторона UX После этого уже можно спорить. Не с пустым экраном и не с абстрактным «сделай современно», а с конкретными паттернами. Это полезнее, чем бесконечно гонять модель по кругу, пока она сама случайно не попадёт в нормальное решение. Конечно, референсы не спасают от плохого дизайна. Можно насмотреться 257 тысяч экранов и всё равно собрать помойку. Особенно если агент будет просто усреднять всё подряд. Но сама идея правильная: интерфейс нельзя делать только из текста в промпте. Ему нужен визуальный и продуктовый контекст. Для дизайнеров тут есть смешной момент. Раньше насмотренность была чем-то личным: папки с референсами, скриншоты, закладки, сохранёнки, чужие продукты, которые ты руками разбирал. Теперь эта насмотренность постепенно превращается в подключаемый источник данных для агента. Референсы становятся не только материалом для дизайнера, но и частью работы инструмента. Агент может искать примеры, сравнивать паттерны, приносить варианты, а дизайнер уже решает, что из этого имеет смысл. Ну, если дизайнер вообще есть в процессе, а не где-то потом приходит чинить результат. По мне главное, чтобы такие базы не превратили всё в ещё более одинаковую массу. Если агент будет брать референсы как повод подумать, это полезно. Если как повод собрать «усреднённый лучший экран», то мы просто получим SaaS-дашборд 2.0, только теперь с доказательной базой. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Mobile Chat Kit — UI Kit c 50+ экранами
#ui-kits">Install
хороших кириллических шрифтов для интерфейсов мало. еще меньше — понятных примеров, как использовать их в реальных продуктах ✏️
10 июня в 18:00 (gmt+3) делаем открытый воркшоп про кириллицу в ui. вместе с дизайн-лидами pragmatica ⚪️ дианой кузнецовой и ⚪️ денисом суворовым расширим базу кириллических шрифтов, разберем, как работают шрифтовые пары, и научимся применять выразительный шрифт, чтобы добавить характер интерфейсу✏️ формат: 1,5 часа онлайн, теория + практика будем работать с макетами участников и с интерфейсами большой практики, где есть кириллица: покажем, как применять Lebowski by Pragmatica и другие дополняющие шрифты пять человек попадут на разбор своих работ, для этого нужно пройти регистрацию и заполнить анкету. зрители тоже смогут тренироваться и пробовать миксовать шрифты на готовых макетах от нас ⚪️ регистрация в боте collective
Essential UI - Figma Ui Kit
Большая коллекция самых нужных бесплатных компонентов для вашего UI Install
Product Design Portfolio Presentation by Oliver Engel
Готовый шаблон, при помощи которого вы можете создать презентацию своего портфолио. 📱Скачать шаблон📱 #uikit #материалы
#12 Фигма Make лезет в реальный код
Фигма 28 мая выкатила важный апдейт Make: теперь инструмент можно подключить к локальной кодовой базе. Открываешь существующий проект, выбираешь элемент на экране, правишь свойства, отступы, цвет, размер, раскладку, а агент уже находит нужное место в коде и вносит изменения. Пока это ограниченная бета в десктопном приложении для Mac. И сама Фигма честно пишет, что лучше всего это подойдёт дизайнерам, у которых уже есть доступ к кодовой базе компании. Раньше вайбкодинг в дизайне чаще был про быстрый черновик. Собрал экран, показал идею, выбросил половину, что-то утащил в работу. Вроде полезно, но всё равно чуть отдельно от настоящего продукта. А теперь Фигма Make пытается работать с тем местом, где продукт уже живёт. Самый важный вопрос теперь: кто имеет право двигать кнопку, если эта кнопка уже в коде? Потому что визуальная правка реального интерфейса звучит очень соблазнительно. Увидел, что отступ кривой, выбрал блок, поправил. Текст не тот, поменял. Цвет уехал, вернул. Не надо писать разработчику «можешь тут 8 пикселей вместо 12», ждать, объяснять, показывать скрин, потом снова смотреть, что получилось. Но чем ближе дизайнер подходит к коду, тем быстрее появляются взрослые вопросы: 1. кто проверяет такие изменения 2. что считается безопасной правкой 3. где начинается логика, а где просто внешний вид 4. кто отвечает, если агент поменял не тот компонент 5. как откатиться, если всё поехало Фигма это понимает, поэтому делает не «пуш в прод», а нормальный путь через разработку. Изменения сначала лежат как локальные коммиты. Можно создавать ветки, смотреть историю, откатываться, а потом открыть пулл-реквест, чтобы инженеры проверили правку как обычное изменение в коде. И это, по-моему, правильная часть новости. Не сам факт, что дизайнер может подвигать блок в живом проекте. А то, что Фигма пытается встроить это в нормальный процесс разработки. Через ветки, коммиты, проверку и возможность отката. Потому что без этого будет весело примерно два дня. Потом кто-то визуально поправит карточку, агент заденет общий компонент, уедет ещё десять экранов, разработчик откроет код и спросит, кто вообще это сделал. Но я бы не хотел, чтобы это стало режимом «дизайнеры теперь сами чинят фронт». Скорее это должно быть как быстрый слой для понятных UI-правок. Поправить отступ. Проверить состояние. Подкинуть вариант. Открыть пулл-реквест. Дальше уже обычная проверка. Ещё важная штука: Фигма разрешает копировать экраны из Make обратно на холст как слои, обсуждать с командой и потом приносить решения назад в код. Это уже похоже на нормальный круг: продукт живёт в коде, команда думает на холсте, изменения возвращаются через понятный процесс. Если Фигма сможет удержать этот круг без бардака, будет сильно. Потому что дизайнеру часто не нужен ещё один генератор красивого прототипа. А вот дизайн-ревью проводить и за качеством прода следить гуд, ибо разработчики лажают оч часто. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы