Quiz App UI Kit by Illiyin Studio

UI Kit приложения с различными викторинами, дизайн которого вы можете взять за основу своего нового проекта. 💻Скачать UI Kit💻 #UiKit

➕➕➕➕➕➕➕➕

ура, это новый сезон в senior designer! вместе с ⚪️ бюробукв мы сделали шрифт Lebowski by Pragmatica — кириллицу для цифры, которой не хватало — отдаем её комьюнити бесплатно. название появилось на втором звонке: вспомнили сцену из «большого лебовски» 🎳, где герой говорит про ковёр, который really tied the room together это была идеальная метафора — шрифт не главный объект системы, а вещь, которая задаёт характер и стиль всему макету. в ближайшие две недели расскажем, как создавали шрифт, где его можно применять и как использовать. ещё collective захэдят воркшоп про кириллицу в ui и будет конкурс. призы — жир. в общем, погрузим на 360. как забрать шрифт? шрифт выйдет в открытый доступ 2 июня — но до релиза его заберут те, кто отметится в боте senior designer. кажется речь о тебе, dude
Video is not supported

Sales Analytics

Бесплатный мобильный UIk для информационных панелей аналитики продаж • Светлая и тёмная тема • Cодержит 7 готовых экранов • Различные диаграммы, карты в реальном времени, списки и таблицы. Install
Video is not supported

💸 В DeFi первая сессия часто ломается не на трейдинге, а еще раньше, на перегруженном интерфейсе

У DeFi-приложений старая проблема: человеку с первого экрана кидают кошельки, комиссии, свапы, стейкинг, адреса и кучу терминов, где ошибка может стоить денег. В этом кейсе проверяли идею попроще: не показывать всё сразу, а дать пользователю выбрать нужные модули в онбординге и тем самым сузить первый пользовательский опыт под его задачи. Исследование получилось очень прикладным. Сначала интервью и сегментация, потом гипотезы, прототип на SwiftUI и сравнительный юзабилити-тест против реальных конкурентов. На тесте решение дало сильный эффект в части скорости и удобства: депозит в стейкинг проходили на 28% быстрее, перевод на 43% быстрее, а в сценарии перевода еще и снижалось количество ошибок. Для сложных финансовых продуктов это очень сильный аргумент в пользу прогрессивного раскрытия, а не экрана, где навалено всё сразу. Внутри: – Какие боли в первой сессии чаще всего ломают активацию в DeFi; – Как интервью помогли выделить два главных драйвера: безопасность и удобство; – Почему фокус сместили на модульный онбординг вместо очередного редизайна навигации; – Какие гипотезы дали приоритет по удобству, доверию и прозрачности; – Как прототип собирали через модульные флаги и адаптивный UI; – Как был устроен сравнительный юзабилити-тест против Bybit, Uniswap и Trust Wallet; – В каких сценариях решение реально снизило время и ошибки; – Почему для MVP дальше логично идти в событийную разметку, когорты и A/B-тесты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Futuristic UI Kit
Футуристический набор пользовательского интерфейса Install
Unicorn UI — торговая площадка для покупки и продажи дизайнерских ресурсов и графики
Install
Изображение канала: Дизайнер, привет
🧩 Какой способ управления размерами иконок в дизайн-системе реально работает
Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Retro Figma
UI Kit Dashboard
Набор экранов, виджетов и других компонентов Install
Изображение канала: Retro Figma
Icons for UI, UX, Graphic Design
Большая коллекция высококачественных иконок для самых разных задач Install
Изображение канала: Retro Figma
Шаблон порфтолио by Мария Максимова
Здесь вас ждёт стильный шаблон, который позволит вам без особых усилий создать красивое портфолио. 📱Скачать шаблон📱 #UIkit
Изображение канала: Design Hunters
UX/UI-дизайнер в 12 Космонавтов
👋 Привет! Мы — 12 Космонавтов, ищем дизайнера с глубоким пониманием интерфейсного дизайна для создания дизайн-концепции цифрового продукта. Кто нам нужен • UX/UI-дизайнер с опытом от 5 лет, уровень Senior • Плюс: опыт в fintech, SaaS или highload-продуктах Что надо делать • Разрабатывать UX/UI-концепции и прорабатывать пользовательские сценарии • Работать с дизайн-системами: компоненты, токены, состояния, консистентность • Проектировать интерфейсы от user flow и wireframes до финального UI • Готовить макеты к передаче в разработку и сопровождать реализацию 👉Узнать подробности и откликнуться
Изображение канала: Профессия Дизайнер
Подборка сайтов для вдохновения by matcreates
Ловите новую коллекцию сайтов, куда вы можете прийти за вдохновением: — Design Spells — Swissted — Viewport UI #подборки
Video is not supported
Изображение канала: Figma Design
Figma выкатила своего AI-агента прямо в canvas. Теперь нейросеть может не просто генерить экраны, а работать внутри файла: создавать компоненты, править UI и учитывать дизайн-систему команды.
www.figma.com/blog/the-figma-agent-is-here
Video is not supported
Изображение канала: Женя UPROCK
Всем привет!🙃
Сегодня проснулся, открыл Behance и увидел, что мой проект получил первую в моей жизни ленточку UI. Честно, эмоции просто 🔥 Проект вышел относительно недавно, но я сразу чувствовал, что это одна из самых сильных работ в моём портфолио. И теперь он доказал это не только для меня, но и на деле получил признание на Behance. Для меня этот проект правда особенный: масштабный, необычный, с интересной атмосферой, деталями, подачей и своей спецификой. Я очень старался сделать его не просто красивым, а запоминающимся и безумно приятно видеть, что это оценили. Первая ленточка это, конечно, отдельный кайф. Маленькая победа, но очень важная. Проект на Behance
Изображение канала: Retro Figma
Finesse UI Kit by Raja Karnekar Большой набор различных компонентов для создания крутого дизайна. Внутри вы найдёте иконки, аватарки, кнопки и другие элементы.
⌨️Скачать UI Kit⌨️ #uikit
Изображение канала: Figma Design
Content Fill — плагин для быстрого заполнения макетов реальным контентом: текстом, таблицами и шаблонами. Подходит для карточек, таблиц, списков и UI с повторяющимися компонентами.
Install plugin
Video is not supported
Изображение канала: Женя UPROCK
Финалим фестивальный сайт
Остались последние правки по промосайту. Зацените, что получилось (смотреть лучше с компа) 🤗 ➡ Смотреть готовый сайт Смотреть готовый сайт Также записал короткое видео (приложил к этому посту), где поясняю, как устроены механики по промосайтам и какие правки я даю последними. Сейчас планируем отправлять сайт на международные конкурсы (AWWWARDS, CSS Design Awards, СSS Winner, Design Nominees и т.д.). Напишите, что думаете: проект достоин международного уровня? 😊 Проект сделан Валерией Еолян (@Valeria_Eolyan) и Никитой Кисилевым (@Nikita_Kisilyov) на курсе с моим персональным обучением "Ultra UI: уровень Арт-дирекшн". В рамках этой программы мы создаем проекты высочайшего класса — от идеи самого продукта до его упаковки в формате айдентики, промоматериалов и сайта. ➡ Узнать больше о курсе у коллег в @uprock_hello
Video is not supported
Изображение канала: Retro Figma
NextUI — UI Kit c большим количеством компонентов
Install
Изображение канала: Design Twist
Как я пытаюсь выстроить связку Figma + Claude (часть 1)
Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!
Изображение канала: Retro Figma
Meditation App UI Kit
Дизайн система для создания приложения в тематике «Медитация» Install