UXBin — более 3600 компонентов для быстрой итерации в Figma.

uxbin.com

Figma для UX-редакторов: 12 плагинов, которые упрощают работу

Статья расскажет вам о плагинах, которые помогут вам экономить время и нервы, если вы работаете с текстами прямо в макетах. Плагины проверены в работе и встроены в редакторский процесс Читать на дизайнерс | #статья
Изображение поста

Дизайн формы регистрации.

• Привлекательный дизайн, выделяющий ваш продукт. • Возможность добавить пользовательский интерфейс и отзывы. • Повышение уровня вовлечённости клиентов. • Лёгкость интеграции в ваш проект. • Отличный инструмент для презентации ценности продукта. #ui #login Открыть в Figma
Режим хеллоуина в FigJam
→ Тематические курсоры и иконки → Жутковатая музыка → Тематические ленты → Тыквы Доступно до 4 ноября 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
📖 Вышел Журналус № 481. Сколько нулей в словаре сонного дизайнера с микропланеты
• Цитаты из книги Мэттью Уолкера «Зачем мы спим. Новая наука о сне и сновидениях» • Дельные советы сотрудника ФБР для проведения переговоров • Как отсеять красивые, но бесполезные метрики • Почему в Linear создали собственный стиль Liquid Glass • История трёх шрифтов советской художницы Гали­ны Бан­ни­ко­вой • Почему дизайнеру важно постоянно расширять набор инструментов • Почему ИИ нужно использовать как музыкальный инструмент • Что можно и чего нельзя делать при поиске работы • Как должен выглядеть хорошо подготовленный макет для разработчика • Как из макетов Figma сделать живые прототипы • Как программисты организуют свою работу с помощью ИИ-инструментов • Конкурс на создание самого плохого дизайна интерфейсов
Изображение поста
Shapes 3D — плагин применяет 3D-эффект к объектам.
Изображение поста
Фоновые узоры сетки для дизайна веб-сайта.
• Элегантный и современный дизайн • Полностью редактируемый • 5 различных вариантов • Подробная информация об использовании • Демонстрационный дизайн веб-сайта #фоны #узор #сетка Открыть в Figma
ДВОЙНОЙ СВЕТ В FIGMA
Бывает, что концепция проекта предполагает использование фотографий с нестандартной обработкой. Раньше приходилось прибегать к услугам Photoshop. Сейчас в этом нет необходимости — всё можно сделать, используя режимы наложения в Figma. Разберемся, как создать цветовые эффекты на изображении. Также выясним, какие цвета будут смотреться наиболее выигрышно. Сохраняйте пост на будущее 🤍
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Прогрессивное размытие в Figma by yodizstudio
Пошаговый гайд с разбором еще одного нового эффекта в Figma. #figma
Splaaashes — бесплатные красочные абстракции для вашего дизайна.
Изображение поста
Продакт в твоем Figma проекте.
Shades — генератор цветовой палитры на базе искусственного интеллекта.
Изображение поста
Привет!
Мы — студия продуктового дизайна и разработки red cat. Разрабатываем продукты, меняющие мир вокруг. С кем мы уже работали и продолжаем работать: РЖД-медицина, Free Age, ВДНХ, Росмолодёжь, FishStat. Мы сейчас ищем дизайнера на проект. Растёт объём задач и расширяется сам продукт. Поэтому в помощь нашему ведущему дизайнеру теперь нужен молодой, талантливый и амбициозный спец, который готов развиваться и вырасти в своих скиллах и грейде на реальных задачах. Чем предстоит заниматься: • Отрабатывать в макетах правки от стейкхолдеров и разработки • Помогать делать адаптив под мобилку • Другие задачи, возникающие по ходу работы над продуктом и беклогом Что нужно уметь: • Работать с дизайн-системой • Знать и уметь в компоненты, варианты, переменные И, конечно: • Базовые навыки — композиция, сетки, пропорции, типографика, колористика • Уверенное владение Figma • Отличная насмотренность • Способность самостоятельно организовать свою работу, четко оценивать задачи и укладываться в сроки • Умение уважительно давать и получать фидбек, открытость к изменениям и готовность учитывать чужую точку зрения • Продуктовое мышление и ориентированность на бизнес-цели клиента, сфокусированность на конечном результате и продукте Особенно важно: • Уметь работать быстро • Быть на связи • Коммуникабельность • Ответственность • Желание и стремление расти и развиваться в профессии В плане вывода на проект у нас всё чётко. С онбордингом, поддержкой от старшего диза и арт-дира. Если вдруг нужно будет чему-то дообучить — научим. Что предлагаем: • Удалёнка Работай из любой точки мира • Гибкий график Можешь выбирать удобное время начала • Работа в продукте • Комфортные условия Работаем в Телемосте, Figma, Telegram и Notion • Менторство и рост внутри студии • Молодой и амбициозный коллектив, комфортный арт-дирекшн У нас все на одной волне и нет начальников • Интересные проекты Сможешь с гордостью взять их к себе в портфолио • Зарплата в рынке Что дальше: Сперва, нам важно встретиться с человеком. Понять, сходимся ли мы по вайбу и подходу к работе. Поэтому сначала нам нужно будет познакомиться на небольшом интервью. ОТКЛИК Чтобы откликнуться на вакнсию, напишите @evmfadeeva Она поставит встречу
Изображение поста
🔥🔥 Как создать дизайн-систему: курс о закулисье, а не о кнопках
Миша Шамин сделал бесплатный курс о проектировании дизайн-систем, но не про базовые вещи вроде теней и сеток. Он сразу предупреждает, что не будет учить создавать компоненты или настраивать цвета. Вместо этого курс раскрывает закулисье: какая работа скрывается за красивыми кнопочками и тенюшками. Курс построен на цитате инженера Дейва Акина о том, что необходимое количество итераций всегда на одну больше, чем уже сделано. Развитие дизайн-системы это бесконечный процесс, поэтому курс закладывает фундамент из принципов и учит самостоятельно развивать проект дальше. Научитесь вайб-кодить, использовать GitHub, Cursor и Docusaurus, перелинкуют Storybook с Figma и бэклогом, узнают про библиотеки pre-commit и lint-staged. Внутри: – Как настроить окружение и сформулировать первые задачи в бэклоге; – Зачем нужно экономическое обоснование дизайн-системы; – Как контролировать входящие изменения и версионирование; – Что такое линтинг документации через markdownlint и cspell; – Почему важны бэкапы и автоматизация деплоя; – Как работать с фичреквестами и метриками. ➡️ Пройти курс ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Accessible Colour Palettes.
Цветовые палитры были вдохновлены футбольными командами в Лондоне и Манчестере, а также местами в окрестностях Лондона. Открыть в figma 🔗 #Файлы
Изображение поста
MacBook Dock Icon Mockup
Этот файл Figma позволяет быстро оценить, как ваш логотип будет смотреться рядом с системными иконками macOS. Отличный инструмент для проверки стиля, контраста и расстояний в реальном интерфейсе. #icons ОТКРЫТЬ
Изображение поста
Набор пользовательского интерфейса для приложения для криптоторговли.
• Более 20 экранов • Разработан с учетом промышленного стандарта дизайна #app #uik #crypto Открыть в Figma
Stippling — плагин для создания точечных рисунков.
iOS 17 & iPadOS 17 — официальный комплект дизайна Apple для Figma.
Изображение поста