Оди
36.4K subscribers
25K photos
1.12K videos
143 files
5.3K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Чат канала: @awdeechat

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia

Автор проекта: @kirillgreen
Download Telegram
23 библиотеки с иконками, иллюстрациями, паттернами и текстурами на рождественскую тематику

Подборка Figma-библиотек и ресурсов с иконками, иллюстрациями, шрифтами, фотографиями, паттернами и текстурами для оформления зимних и новогодних проектов

🙂️ awdee.ru/23-christmas-sets

#awd_icons #awd_free_download #awd_illustration #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍🎨5 новых бесплатных Figma-плагинов #4

Мы нашли свежие плагины для Figma:
— Lummi — библиотека изображений, сгенерированных ИИ. Есть сортировка по категориям, поиск, раздел «Похожие изображения»
— Placemark Globe — генерирует векторные глобусы в нужном ракурсе и цветовой гамме
— GradientGaze — добавляет объектам голографические градиенты
— Icon. top — библиотека векторных иконок в линейном стиле из наборов Tabler и Lucide
— %Percent Area — позволяет установить площадь объекта в процентном соотношении от площади фрейма, внутри которого он находится

Каждый плагин мы проверили и записали скринкаст, чтобы было понятно, как он работает

awdee.ru/5-new-free-figma-plugins-4

#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Ruri Splines — веб-сервис и Figma-плагин для создания градиентных сплайнов

Платная подписка — 16,80 $ в год — открывает доступ к шаблонам и другим настройкам

Веб: ruri.design (там же есть Gradiator — для генерации круговых фигур со сложными градиентами)

Плагин: figma.com/community/plugin/1094343067414782306/Ruri-–-Splines

#awd_tool #awd_figma
This media is not supported in your browser
VIEW IN TELEGRAM
В Фигме появилось мультиредактирование — теперь можно редактировать несколько объектов одновременно

Достаточно выбрать несколько слоев во фреймах, группах или секциях, изменить один элемент, и правки массово применятся ко всем выделенным элементам. Это удобно, когда необходимо внести одинаковые изменения в большое количество элементов

Мультиредактирование работает для текстовых слоёв, размеров, расположения, поворота, группировки, применения масок, функций объединения (union selection), вычитания (subtract), пересечения (intersect), исключения (exclude), преобразования фреймов в авто-лейауты и многого другого

Функция доступна на любом тарифном плане

#awd_news #awd_figma #awd_webtool #awd_tool via help.figma.com/hc/en-us/articles/21635177948567-Edit-objects-on-the-canvas-in-bulk
This media is not supported in your browser
VIEW IN TELEGRAM
Фигма запустила разделённые вкладки — теперь можно разместить разные файлы на одном экране

Новая функция называется Split Tabs. Она позволяет открыть файлы рядом друг с другом и работать в них одновременно. Чтобы использовать Split Tabs, пользователям нужно перетащить вкладку в файл и решить, где её открыть — в правой или левой части экрана. Размер каждой вкладки можно регулировать — делать одну вкладку больше другой, и наоборот

В разделённых вкладках можно одновременно просматривать FigJam-файл и Figma-файл

Новая функция доступна в бета-версии десктопного приложения Фигмы

Примеры использования фичи: twitter.com/disco_lu/status/1767632456658669605

#awd_news #awd_figma #awd_webtool #awd_tool
👨‍🎨 Три новых Figma-плагина для создания эффектов

Мы уже делали две подборки, в которые суммарно вошли 33 плагина для создания крутых эффектов в Figma: первая и вторая

В эту публикацию мы включили ещё три новых плагина:
— Rain Drop Effect — добавляет любому изображению настраиваемый эффект дождя
— Curve Text — размещает текст по периметру любых векторных объектов
— Ruri Lines — стилизует изображения под объёмный линейный паттерн

Все плагины мы проверили и записали видео, чтобы было понятно, как они работают и что умеют

awdee.ru/three-new-figma-plug-ins-for-creating-effects

#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
10 бесплатных Figma-библиотек с шаблонами страниц и UI-элементами

Мы собрали бесплатные Figma-паки, которые включают: экраны онбординга, страницы регистрации и авторизации, кнопки, карточки, поля ввода, айфоновские клавиатуры и элементы для создания лендинга

👨‍🎨 awdee.ru/10-free-figma-libraries-with-page-templates-and-ui-elements

#awd_figma #awd_free_download
Please open Telegram to view this post
VIEW IN TELEGRAM
Шесть инструментов для работы с цветами в пространстве OKLCH

Перцепционная цветовая модель OKLCH — интуитивная модель, которая, в отличие от RGB и CMYK, не зависит от способа воспроизведения цвета. Она позволяет кодировать более широкий диапазон цветов, доступный человеческому глазу, и не смещает оттенок при изменении насыщенности. По сравнению с HSL такой способ кодирования помогает получить предсказуемую яркость после настройки цвета

🙂️️️️️️ Мы сделали подборку из трёх браузерных инструментов и трёх Figma-плагинов, которые работают на базе цветовой модели OKLCH: awdee.ru/six-tools-for-working-with-colors-in-oklch-space

Чтобы лучше вникнуть в тему и понять, чем OKLCH удобнее других моделей, читайте статьи:
🇬🇧 It’s time to learn oklch color
OK, OKLCH: колорпикер, помогающий вдумчиво подходить к выбору цвета

#awd_figma #awd_color #awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Большое обновление Figma 2024

26-27 июня на конференции Config2024 показали масштабное обновление Figma. В частности:

— Сделали новый интерфейс
— Встроили ИИ-ассистента, который помогает делать прототипы, адаптивные макеты, генерировать картинки, иконки, удалять фон, писать и переводить тексты, массово переименовывать слои и многое другое
— Добавили редактор презентаций Figma Slides
— Улучшили режим для разработчиков Dev Mode
— Сделали авто-лейауты более интуитивными
— Добавили редактируемые наборы интерфейсных элементов Apple iOS, Google Material Design 3 и Simple Design System от Figma прямо на панель Assets
— Теперь в FigJam вместо одного большого холста есть страницы

Посмотреть все обновления: figma.com/blog/config-2024-recap

#awd_news #awd_figma #awd_webtool #awd_tool
Figma отключила свой ИИ-генератор дизайна приложений

На прошлой неделе Figma анонсировала и раскатила в ограниченную бету новую ИИ-функцию Make Design, которая по текстовому промту создаёт дизайн приложений

Вчера Энди Аллен опубликовал видео и скриншоты, которые показывают, что на запрос «погодное приложение» инструмент создал дизайн почти идентичный эппловскому приложению Weather. То есть ИИ явно обучали на скриншотах уже существующих приложений, а это может привести к судебному преследованию за нарушение прав интеллектуальной собственности

Figma быстро признала проблему и временно отключила функцию. Интересно, как они поступят. Будут переобучать модель? Договорятся с Apple? Что думаете?

#awd_news #awd_figma
🙂 11 оттенков размытия

Продуктовый дизайнер Иван Емелюшкин написал статью о том, как дизайнеру передавать элементы с размытием разработчику, чтобы на выходе получить предсказуемый результат

В статье автор:
— Рассказал, как сделать размытие на Android
— Перечислил все 11 размытий на iOS с указанием особенностей каждого
— Затронул тему стилей текста и заливок для иконок на iOS
— Объяснил, как правильно передавать информацию о размытии разработчику

В конце статьи вы найдёте шаблон со всеми размытиями в Figma, чтобы быстро применять их в своих дизайн-проектах

awdee.ru/11-ways-of-blurring

#awd_article #awd_web #awd_ui #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍🎨 7 Figma-плагинов для проектирования адаптивных макетов

Эти плагины помогут сэкономить время при создании адаптивного дизайна. Они автоматически настраивают содержимое фреймов под разную ширину экранов. В подборку мы также добавили Figma-библиотеку адаптивных компонентов мобильного приложения

awdee.ru/7-figma-plugins-for-adaptive-layout-design

#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 11 оттенков размытия

Продуктовый дизайнер Иван Емелюшкин написал статью о том, как дизайнеру передавать элементы с размытием разработчику, чтобы на выходе получить предсказуемый результат

В статье автор:
— Рассказал, как сделать размытие на Android
— Перечислил все 11 размытий на iOS с указанием особенностей каждого
— Затронул тему стилей текста и заливок для иконок на iOS
— Объяснил, как правильно передавать информацию о размытии разработчику

В конце статьи вы найдёте шаблон со всеми размытиями в Figma, чтобы быстро применять их в своих дизайн-проектах

awdee.ru/11-ways-of-blurring

#awd_article #awd_web #awd_ui #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍🎨 12 ИИ-плагинов для Figma

Мы отобрали плагины Figma, которые работают на базе искусственного интеллекта. Они помогут переименовывать слои в один клик, генерировать иконки, картинки, «рыбный» текст, аватары, 3D-иллюстрации, увидеть собственные работы глазами нейросети, быстро проводить исследования юзабилити и извлекать огромное количество цветовых палитр из библиотеки Unsplash

awdee.ru/13-ai-figma-plugins

#awd_article #awd_tool #awd_figma #awd_techno
Please open Telegram to view this post
VIEW IN TELEGRAM
Благодаря Figma Variables процесс адаптации макетов под разные платформы можно значительно оптимизировать

Можно сократить время разработки, сохранить уникальность каждой платформы и сэкономить бюджет проекта

Федор Миронов, дизайнер интерфейсов в студии мобильной разработки CleverPumpkin, рассказал, как правильно настроить компоненты для этого: awdee.ru/uskoryaem-razrabotku-i-snizhaem-zatraty-ispolzovanie-figma-variables-v-sozdanii-maketov-mobilnyh-prilozhenij

#awd_article #awd_figma