Масштабное обновление DSGNERS!, часть 5: полностью переосмыслили интерфейс

Это последний пост, в котором мы рассказываем, что появится на платформе после обновления. Сегодня — про изменения в архитектуре разделов, навигации и интерфейсе. Чистота и лаконичность были нашими главными приоритетами во время редизайна. Новый интерфейс будет чистым и без визуального шума. Мы объединим разделы «Обучение» и «Журнал» в общую ленту — так все посты получат одинаковый охват. Уберём «Форум» с сохранением старых публикаций из него, так как это малопосещаемый раздел. Главное: после релиза весь контент будет отображаться в единой ленте — так посты получат одинаковый охват. Также появится новый сквозной компонент интерфейса — динамический остров. С его помощью можно будет управлять лентой и поисковой выдачей, а также ставить реакции, писать комментарии и добавлять посты в закладки. Вдобавок ко всему, расчистим область чтения поста. Рекомендации, другие статьи автора и рекламу перенесём вниз под комментарии. Это позволит читателям сконцентрироваться на контенте, повысит дочитываемость статей и снизит показатели отказов. Ещё приберёмся в комментариях — там появятся понятные ветки с удобными ответами и переходами в профиль пользователей. Хотите знать, как всё выглядит? Все детали и скриншоты уже в материале на платформе.
Изображение поста

Набор пользовательского интерфейса TechPilot.

• Автоматическая компоновка. • 70+ наборов пользовательского интерфейса. • Компоненты. • Бесплатные шаблоны. • 2 набора иконок. #UIk #wireframe Открыть в Figma 👨 Дизайн-телега

CGCookie – Lighting and Values [ENG]

🛡 Title: CGCookie – Lighting and Values Info: Class… Когда дело доходит до освещения, вам нужно понимать три основных компонента: направление освещения, поверхность объекта и соответствующие тени. Они определяют окончательный вид вашего объекта, и важно, чтобы вы изобразили их как можно точнее. Для практики мы рассмотрим несколько забавных примеров и посмотрим, сможете ли вы распознать, откуда освещен каждый объект, попытавшись определить его источник света. 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Photoshop #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс
Изображение поста

🫧 Релиз 1.5.0 (Vue)

Алоха! Добавили новый компонент и немного обновлений. Новый компонент: — Wizard: Позволяет создавать многошаговые интерфейсы с последовательным переходом между этапами, обеспечивая удобную навигацию и управление процессом Исправлено: — Drawer: Добавили отдельный раздел с рецептами — PickerDate: Увеличили высоту компонента. Теперь при переходе по месяцам, компонент не будет менять высоту в зависимости от количества дней — PickerDate: По аналогии с Релизом 1.4.0, дали возможность выбирать один и тот же месяц и год — DropdownMenu: Добавили stopPropagation на клик по опции — DropdownMenu: Добавили новый пример в сторибук с кнопкой "Выбрать всё" — Loader: Исправили ошибку, которая появлялась при отсутствии высоты — CheckboxGroup: Исправили баг в сторибуке с кликом по checkbox — Storybook: Исправили отображение show code для сторей — Multiselect: Исправили ошибку, из-за которой иконка наезжала на выбранные теги
Изображение поста
13 архивных фигм от прагматики. чистые, рабочие, с комментариями – для тех, кто любит разглядывать дизайн вблизи.
пресейлы 1. beauty bomb – концепции, презентация и интерактивный прототип. в видео 🥧 лера мацуева, дизайнерка проекта, рассказывает подробнее. 2. золотое яблоко – разработка айдентики для стм-товаров бренда 3. solar staff – брендинг для международного проекта ребят брендинг и маскоты 4. bleep bleeps – финальная фигма по брендингу 5. образовательный фонд – чистовая фигма по айдентике: референсы и финал 6. маскот для liquid dex – ai-рефы, 2D иллюстрации, презентация, демонстрация в сайте 7. маскот для mindset – как мы работали до появления нейросетей сайты и UI 8. osmi – рабочая фигма, открытая заказчику с первого дня 9. next generation zoom – компоненты проекта, отмеченного ui лентой на behance 10. tabu – рабочая фигма проекта: от первого экрана до ui kit 11. selectel – сайт для академии, полная рабочая фигма поддержка и процессы 12. admirals – флоу, с которым мы закрыли 150+ задач за 3 месяца: сотни баннеров на 20 языках; в фигме – лишь часть и система работы под клиента 13. supermatch – честная процессная фигма: как в маркетинге прагматики шаг за шагом собирали сайт школы смотрите, сохраняйте, вдохновляйтесь. мы в прагматике делаем: спецпроекты дизайн-поддержку аутстаффинг воркшопы а еще 3d, web и брендинг
Интенсив по Figma завершён — делимся результатами!
На интенсиве мы сосредоточились на эффективном использовании Figma в дизайне презентаций: от структуры и сеток до компонентов и плагинов. Ксения Канал Ксении Работала в Figma давно, но хаотично. Пришла на интенсив, чтобы структурировать знания, разобраться с компонентами и повысить уровень. 💬 «Закрыла все основные вопросы и получила уверенность в себе. Уже начала приводить в порядок рабочее пространство в figma». Татьяна (@tatsianauralskaya) Занимается дизайном презентаций, работает в основном в PowerPoint, но хотела освоить Figma для презентаций. 💬 «Закрыла все вопросы, которые мешали работать: таблицы, графики, плагины, компоненты. Теперь буду использовать Figma как полноценный инструмент» Александра Канал Александры Прошла интенсив в рамках сотрудничества со студией presentologi. 💬 «Освежила знания, освоила новые фишки, научилась делать скругления у сложных фигур — давно хотела! Теперь использую Figma как вспомогательный инструмент в презентациях»
Изображение поста
T3D GN Presets v1.6.0 (Blender 4.4)
🌐 T3D GN Presets — это универсальная коллекция полезных групп узлов для узлов геометрии. Это важный компонент набора инструментов художника, содержащий группы узлов для деформаторов, полей, UV, утилит и многого другого! Он позволяет пользователям объединять несколько узлов с бесконечными возможностями в неразрушающих рабочих процессах с помощью существующих инструментов Blender. Источник 💾 ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #addons #Blender #T3D_GN_Presets #3d #free #бесплатно
Очень классная статья от Design Glory про 7 распространенных проблем во время дизайна в Figma. В основном рассказывается про auto layout и компоненты, почитайте.
Изображение поста
Интерактивные компоненты в Figma, варианты использования.
Минималистичный и стильный UI Kit для интернет-магазинов.
• 60 экранов: каталог, карточки товара, корзина и др. • Подходит под iOS и Android • 3 визуальных стиля — на выбор • Лёгкая настройка компонентов под любой бренд #ui #ecommerce #mobile #kit Открыть в Figma
Всем привет! Запилил ролик про то как собрать библиотеку компонент с иконками в Figma и настроить доступ ко всем иконкам проекта через один компонент. 🧰⚙️⚒️
Такой подход заметно упрощает жизнь дизайнера и ускоряет сборку интерфейсных макетов. ⏳🎉 Должно пригодиться ребятам, которые вкатываются в дизайн игровых интерфейсов. Видео тут: https://youtu.be/BRAyWHAmpQQ Исходник можно пощупать, скачав отсюда: https://cloud.mail.ru/public/nxDu/YzRbEHBSY Всем хорошего дня 🌞 #goodgameui #figma #figmadesign #figma_tutorial #gamedev #uidesign
Изображение поста
Что такое Ui Kit
Ui kit – это набор готовых решений пользовательского интерфейса. Зачастую это кнопки, инпуты, меню, чек боксы, разные переключатели, и прочие стандартные элементы взаимодействия с сайтом. Все элементы в ui kit связаны между собой, выполнены в одном стиле. Когда фотошоп умер в ui kit стали включать помимо самих элементов и их состояний, компоненты/символы, наборы стилей и правил использования, что уже большее походит на дизайн систему или ее зачатки. Продвинутые ui kit включают в себя еще и сетки, колонки, правила использования типографики, отступов и тд, что еще больше напоминает дизайн систему, но ею не является. 🖼 Figma за 60 секунд
Изображение поста
Наверное все встречали шутки в стиле абсурдных отзывов на озоне, от людей, которые не читают описание. У нас в канале, к сожалению, такое тоже встречается, поэтому представляем памятку для чайников:
1. Если Вы открываете модель в слайсере, а слайсер говорит "неа, нет тут никакой модели" - разархивируйте .zip и файл отобразится. 2. Если при разархивации архиватор не разархивирует - смените архиватор! 3. Если опубликован "непонятный .3mf и он не работает😡" - удалите Cura и скачайте нормальный слайсер у которого есть возможность отображать файлы .3mf (объясняли в чем отличия здесь). Но если у Вас страстная любовь к Cura, то можно загрузить в другой слайсер .3mf, экспортировать файл в .stl и загрузить обратно в Cura 4. Почему сообщество называется STL, а постите в .zip?? - есть 3 ответа на этот вопрос. 1) чтобы занимало меньше места быстро и удобно скачивалось на устройство. 2) контроль целостности - архивация сохраняет целостность файлов. 3) Защита от пиратов - наши подборки часто утекают в многие группы с стл моделями, поэтому, чтобы люди знали откуда переслан файл, добавили вводные знаки к архивам. 5. Можно ли продавать публикуемые модели? - мы не располагаем данной информацией. Все опубликованные модели выложены с целью личной печати или ознакомления. Для уточнения лицензии на коммерческую продажу обращайтесь к авторам моделей 6. Не хватает файла в архиве - хоть это и редко, но случается - обязательно пишите в чат. Мы выясним почему у автора не хватает компонентов, проведем расследование и дополним архив 7. Не получается правильно нарезать модель/напечатанная модель съехала/произошел дефект в печати - обращайтесь к нам в чат @morozpntchat, с нетерпением поможем!
Изображение поста
Бесплатный шаблон для бургеров.
• Десктопная и мобильная версии • Стили шрифтов • Стили цветов • Компоненты • Эмодзи #UIkit #food #delivery Открыть в Figma Иконки Figma
Зачем улучшать существующее, если можно анонсировать новое?
Сегодня ночью несколько часов изучал обновления Figma, кроме Figma Make (на меня её пока ещё не раскатили). Посмотрел, как всё устроено, и вот какие впечатления сложились: ❋ Grid С одной стороны — прикольно, но с другой — не добавили самое важное: относительные величины и перемещение колонок и строк, что сильно бы упростило работу с таблицами. Ждем в 2028 году. ❋ Figma Sites Подойдёт, наверное, для дизайнеров, которые просто хотят быстро собрать портфолио или лендинг без лишних заморочек. Удобно, что это всё в одном месте, но если есть хоть небольшой опыт работы с Framer, то смысла делать это в Figma не вижу. Такому инструменту нужно ещё 2–3 года, чтобы конкурировать с Framer или Webflow. ❋ Figma Make Эту фичу я ждал больше всего. Хотелось чего-то похожего на Cursor для более-менее нормальной разработки своего продукта. Но это скорее просто рабочий прототип фичи. Конечно, тоже удобно, но очень хотелось бы, чтобы фокус команды не спадал с этого продукта и он развивался куда быстрее, чем обновления раз в год. ❋ Figma Buzz Инструмент для маркетологов. Я не особо шарю в этой теме, но показалось, что продукт достаточно удобный, чтобы быстро собрать 50 вариантов баннеров под разные форматы. ❋ Figma Draw Убийца Paint, который заодно прикончил пару плагинов вроде Noise, Progressive Blur и Text by Path. Кисти и паттерн — прикольные, но до иллюстратора ещё шагать и шагать. А теперь главное Figma обошла стороной AI для создания дизайна, на котором, кстати, был главный акцент в прошлом году. Ждал AI-генерацию состояний и вариантов компонентов и сборку макета по дизайн-системе, но мимо. Ещё очень хотелось увидеть прокачку прототипов в сторону Rive. Но и тут тишина. Да и со старыми продуктами всё тихо: Figma Jam, Figma Slides, Dev Mode. Где гарантии, что с новыми не будет так же? Последние конфиги всё больше дают ощущение, что это не про продукт, а про презентацию для инвесторов: растём вширь, чтобы больше людей купили подписки, а вглубь не капаем и кор-функционал не улучшаем. Как уже писал, Figma косит под Apple: одно большое шоу раз в год и молчание до следующего релиза с редкими, очень небольшими апдейтами в течение года. Но продукт, которым ты пользуешься каждый день, должен развиваться регулярно, а не по календарю презентаций, особенно когда платишь за подписку. В следующем году ждём Figma 3D, Figma Architect и Figma Cut для видеомонтажа с пятью функциями в каждом продукте. Че думаете? Если не согласны, пишите в комменты, интересно послушать другое мнение
Изображение поста
Трендовые ингредиенты в бьюти-продуктах
Косметология, как и другие индустрии пристально следят за трендами и передовыми научными компонентами. В этом материале мы собрали продукты с ТОПовыми ингредиентами для красоты и здоровья кожи и волос.
Изображение поста
👾 Что анонсировали на Config 2025
Figma Sites — создание и публикация адаптивных сайтов без кода. Есть шаблоны, интерактив, а скоро добавят встроенную CMS. Figma Make — AI-инструмент, который превращает текст в прототип. Работает на Claude 3.7. Можно дорабатывать руками или просить AI продолжить. Figma Draw — новый набор инструментов для иллюстраций (упращенная версия Illustrator). Кисти, текстуры, эффекты — всё прямо в Figma, без перехода в другие редакторы. Figma Buzz — помощник для маркетологов и брендов. Генерация баннеров, постов и писем по шаблонам, с учетом бренд-гайда. Grid — новая система авто-лейаута. Более гибкие сетки, растяжение элементов, экспорт CSS для разработчиков. Dev Mode — улучшен. Появились режимы Ready for Dev и Focus View, а также интеграция с GitHub. FigJam — AI помогает генерировать идеи, искать компоненты по картинке. Улучшен визуальный поиск, добавлена генерация изображений. @design_awesome
Bland UI Kit for Figma
Этот файл содержит компоненты, необходимые для ваших повседневных проектов. 💾 Открыть Dropzz #UI
Изображение поста
Нижняя панель навигации.
• 10+ идей нижней навигации • Полное руководство по дизайну • Полный компонент авторазметки • Светлый и темный режим. #uikit #bar #navigation Открыть в Figma
Figma -> React Native
Преобразует компоненты Figma в компоненты React Native в реальном времени. Цель состоит в том, чтобы сократить время переключения между проектированием и разработкой. Создавайте свои компоненты пользовательского интерфейса в Figma и экспортируйте их для использования в своем приложении React Native. Основное внимание уделяется одностороннему непрерывному преобразованию из Figma в React. #figma #plugin
Изображение поста