Export PNG with Color Profile

Плагин экспортирует графику в PNG с учетом цветового профиля монитора Display P3. Install

➕➕➕➕➕➕➕➕

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

Плагин «iPhone 16 Pro Mockup» by Mr.Mockup

А под вечер вот такой плагин в виде новенького айфона в правой руке 📱 Скачать плагин 📱 #материалы

Peel

Концепт гибкой обуви, которая может открываться и закрываться. Да, полезность под вопросом, но игра с функцией (не только с формой, как обычно бывает) понравилась. @ All Design Lab #product #formfactor
Video is not supported
Projector 2.0 — инструмент для быстрого создания красивых сторис или презентаций.
projector.com/home/
Video is not supported
🧩 Какой способ управления размерами иконок в дизайн-системе реально работает
Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Retro Figma
Prism Rainbow Backgrounds
Яркая коллекция абстрактных фонов, вдохновленная преломляющим светом, радужными вспышками и кинематографической диффузией цвета Install
Изображение канала: en<able> - о дизайне и доступности
Как расходуются токены в Claude? Лайфхаки токеносбережения
Сейчас я больше работаю с Claude, поэтому задумалась об экономии ) Что накопала — делюсь ) Токен — это кусочек текста, чуть меньше слова, для английского ≈ ¾ слова, для русского дороже, кириллица дробится на большее количество токенов). Вот тут первый лайфхак: пишите на английском ) При каждом сообщении модель обрабатывает: • Входные токены — вся история чата целиком, системные инструкции, прикреплённые файлы, инструкции проекта. • Выходные токены — собственно ответ Claude. Ключевой момент: история читается заново на каждом шаге. Поэтому чем длиннее диалог, тем дороже каждая следующая реплика, даже если она короткая. Как тратить меньше токенов? • Планировать сообщение. Объединять связанные вопросы в одно сообщение. • Новая тема — новый чат. Не таскать за собой длинную нерелевантную историю. • Длинные тексты и документы, к которым обращаешься многократно, держать в Проектах и формате md: содержимое кэшируется (а в RAG-режиме подгружается только релевантными кусками) и не списывается заново при каждом сообщении. • Отключить ненужные инструменты и коннекторы в настройках. • Выключать extended thinking, когда задача простая. • Выбирать текст, а не скрин. Для сравнения: 1 000 токенов ≈ 750 слов текста. • Подбирать модель под задачу — для простого незачем брать Opus. Как отслеживать расход? Сlaude.ai/settings/usage — прогресс-бары текущей сессии и недели для Pro/Max/Team. Это запаздывающий индикатор: он показывает «сколько процентов плана съедено», но не счётчик токенов конкретной реплики. Claude Code: команда /cost показывает потокенный расход сессии, /stats — паттерны во времени; плюс локальные JSONL-логи, которые читают сторонние мониторы. API: точное число входных/выходных токенов в каждом ответе + отдельный эндпоинт для предварительного подсчёта. en<able> - о дизайне в A11y | Наши статьи на VC
Изображение канала: Дизайнер, привет
🧠 В Фотошопе поняли, что проблема не в генерации, а в разрыве между намерением и результатом
Generative Fill уже умел менять изображение по текстовому запросу. Но когда в Фотошоп добавили Reference Image, быстро выяснилось, что пользователи ожидают от него не «примерное вдохновение», а гораздо более управляемый результат. То есть проблема была не в самой идее, а в том, как люди понимали влияние референса и насколько могли контролировать итог. Самое интересное в кейсе Adobe не финальный интерфейс, а сам путь. Команда прошла через несколько раундов исследований, пробовала разные сценарии, даже собрала отдельный Protoshop, чтобы тестировать гипотезы быстрее, чем через десктопный Фотошоп. В процессе отвалились лишние настройки, поменялась логика взаимодействия, а главный вывод оказался довольно приземленным: пользователю важнее не количество контролов, а понятный способ заранее выразить намерение. Внутри: – Почему первый интерфейс с референсом не совпал с ожиданиями пользователей; – Какие непонимания вскрылись между промптом и референсным изображением; – Почему людям было важно управлять степенью влияния референса; – Зачем команда пробовала drag-and-drop и почему этот путь не сработал; – Как отдельный Фотошоп ускорил цикл тестирования и переделок; – Почему пришлось адаптировать технологию под поведение людей, а не наоборот; – Как в финальной версии упростили сценарий и убрали лишнюю сложность; – Что этот кейс говорит о дизайне AI-функций в целом: контроль важнее магии. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Retro Figma
Dashboard Graphs Widgets - Graphs Cards Products
Набор различных графиков и инфографики Install
Изображение канала: Дизайн-снайпер
Минутка технологий:
Разработчик Andrew Prifer подготовил библиотеку решений для переноса эффектов Liquid Glass в веб. https://github.com/AndrewPrifer/liquid-dom https://liquid-dom-showcase.vercel.app/
Video is not supported
Изображение канала: серёгина. лаборатория веб-дизайна
Продолжаем делать концепты и тестировать Claude Code: делаем интерактивный слайдер на сайте☺️
→ Higgsfield + Figma MCP + Claude Code Благодаря инструкции Claude сможет быстрее сообразить как сделать такой слайдер 💻 1. Инструкцию нужно складывать в ту же папку, где у вас лежат все файлы по сайту (шрифты + те файлы, что вы будете делать по инструкции)/либо загружать её в чат с Claude с ссылкой на макет и другие материалы 2. Важно повторять все те действия, что описаны в ней – там пошагово сказано как и что делать не только с точки зрения верстки, но и как подготовить материалы ⚠️Обратите внимание, что помимо инструкции Claude нужно дать макет в Figma (с включенным MCP и загруженными фотографиями) + фото, видео 360° для каждой модели при ховере (всех моделей + видео я генерировала в Higgsfield, используя Nana Banana Pro и Kling) Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод
Video is not supported
Изображение канала: ПРО КУХНИ. СЕКРЕТЫ РЕМОНТА.
Часто мебельные компании преподносят, что кухня — это именно про «красиво», «модно», «трендово»)
А мы в PROКУХНИ знаем: кухня — это в первую очередь про удобство. Это важнее всего. Вот, например, в одном из недавних проектов наш менеджер Ксения буквально разобрала жизнь клиента по полочкам: кто готовит, как часто, какие привычки, где удобнее хранить продукты, что должно быть «под рукой», а что можно спрятать. В итоге: — все зоны логично выстроены — хранение не перегружено, но максимально функционально — техника встроена так, чтобы не мешать, а помогать — и ни одного «лишнего движения» на кухне благодаря эргономике Мы всегда идём глубже, чем просто дизайн, мы заглядываем в самую ДНК мебели, чтобы вам было комфортно, удобно и легко каждый день 🧬
Video is not supported
Изображение канала: Дизайн 360° | Pragmatica
картинка с запахом видео со звуком
рассказываем как можно загрузить свои картинки в сферу — тул, который навайбкодил под конец ai-сезона ⚪️ миша, дизайнер pragmatica и 5heads ⚫️⚫️⚫️ основная задача сферы — быстро собрать разрозненный визуал в интерактивную композицию. базовую версию я сделал за 4–8 часов. на добавление функционала загрузки работ времени ушло больше: хотелось сделать не просто дроп файлов, а понятный и красивый инструмент с коротким, но динамичным шоу-рилом + дать возможность встраивать эту сферу в свои сайты и портфолио. затестить << sphere.5heads.ai >> шерьте процесс и свои сферы в комментах! 🌹
Video is not supported
Изображение канала: Retro Figma
Macbook Pro Mockup by graphicsauce
Минималистичный мокап макбука для создания стильных презентаций вашего дизайна. 💻Скачать мокап💻 #мокапы
Изображение канала: суетский канал
⭐️В честь новой печеньки на Dprofile решили напомнить о нашем ярком кейсе для PR-студии RODNYA
За основу концепции взята неотъемлемая часть истории студии — варежки. Чтобы соединить образ варежек и новые элементы, был создан авторский шрифт, который подчеркивает характер бренда и не утяжеляет визуал Смотрим, вспоминаем, вдохновляемся🌟
Изображение канала: Графический дизайн • вдохновение • шрифты• мокапы
Бесплатные материалы по работе с нейросетями
За последние месяцы у нас накопилось много материалов по нейросетям — гайды, промпты, разборы конкретных инструментов. Поэтому мы собрали для вас огромную подборку полезностей по нейросетям. Там вы сможете найти : 🔹Как пользоваться Nano Banana бесплатно 🔹Бесплатный гайд с 10 эффектами в NanoBanana Pro 🔹Гайд по созданию каруселей для Instagram с помощью Claude 🔹Бесплатные гайды по созданию нейровидео в Kling AI 🔹Гайд по композиции и ракурсам 🔹Гайд по созданию нейрофото 🔹Много классных промптов для генераций 🔹Полезные GPT-агенты 🔹Sref code для Midjourney и мудборды для Higgsfield И еще больше 15 полезных гайдов и материалов. Забрать подборку можно здесь 👇 https://t.me/neyropred/1557
Изображение канала: Retro Figma
Nano Banana Pro AI
Создавайте фотореалистичные изображения, иллюстрации и концепции мгновенно внутри Figma Install
Изображение канала: Retro Figma
MacBook Pro 14 Mockup — качественный бесплатный мокап MacBook Pro 14.
Figma Community#mockups
Изображение канала: ПРО КУХНИ. СЕКРЕТЫ РЕМОНТА.
Процесс от замера на объекте и проектирования до установки 🤌🏻
Казалось бы, несколько фотографий, а какой пласт работы за кадром, сколько человек работали над мебелью) 🩶Как все происходит? По этапам: Изначально в PROКУХНИ вас встречает менеджер-дизайнер проекта — именно он сопровождает клиента на всех этапах, помогает с решениями, координирует процессы и делает так, чтобы всё шло, как нужно 🤍 • Далее — выезд на замер. Чтобы учесть каждую особенность пространства, каждую линию и каждый сантиметр будущего проекта. Затем проект попадает к технологу — человеку, который буквально переводит дизайн на язык производства. Каждый узел, каждый механизм, каждая деталь проходят точный технический расчет. И только потом начинается производство. Настоящая магия 🪄 Специалисты по материалам, покраске и обработке — десятки часов ручной и технической работы ради идеального результата. 💫 Финальный этап — установка мебели на объекте. Тот самый момент, когда проект оживает и становится частью вашего дома 🫶🏻 За красивым интерьером всегда стоит большая команда людей, влюблённых в своё дело!
Video is not supported