📂 История жизни одного макета
Аня, маркетолог команды цифровой трансформации Ареал, рассказала о системе правил для дизайн-процессов, которая сложилась за 20 лет работы компании. Команда создала единые стандарты работы в Figma: от маркировки файлов до статусной модели макетов. Каждый файл имеет маркеры (Kit, Int, S, A, Prez), цветовые теги и структурированные секции для разных этапов работы.
Интерфейс проходит путь через секции Refs, Prototype, Design и Dev со статусами от Concept до Done. Для отслеживания изменений используют кастомные ворклоги и аннотации в Dev mode. Система позволяет легко подключать новых специалистов и работать с внешними подрядчиками без потери времени.
Внутри:
– Какие маркеры и теги использовать для файлов;
– Зачем нужны секции Refs, Prototype, Design, Dev;
– Семь статусов макета от концепта до продакшена;
– Как работает кастомный ворклог для истории изменений;
– Правила передачи макетов между этапами;
– Процесс поддержки UI Kit для внешних подрядчиков.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Image Optimizer — приложение macOS, которое уменьшает размер файлов: JPG, PNG и SVG.
Consta news
🔹NEW Pixso
Мы опубликовали несколько библиотек дизайн-системы Consta в Pixso (Beta):
На цветовых переменных:
– Consta UI-Kit
– Consta Table
– Consta Graphics
На старых цветовых стилях:
– Consta Charts
– Consta Drill Elements
Для обратной совместимости:
– Consta Default, Dark, Display Colors
– Consta Default Typography
– Consta Spaces
⚠️ Почему Beta?
Некоторые компоненты могут работать с ошибками. Мы уже знаем о части из них, а про другие можем узнать только от вас :) Будем благодарны за обратную связь. В ближайшие недели постараемся довести библиотеки до максимального сходства с Figma.
Ссылка на библиотеки в Pixso
Что дальше:
Готовим публикацию оставшихся библиотек и параллельно переезжаем на Variables (шрифты, отступы).
Еще кое-что для Pixso:
Мы сделали плагин Consta Props Styler — он строит таблицу свойств для компонент-сета в один клик (по аналогии с Propstar в Figma). Забрать можно здесь.
🔹NEW Figma
– Перевели Consta UI-Kit на цветовые переменные. Теперь в библиотеке нет отдельных версий под каждую тему — переключение делается прямо в настройке Appearance → Variable Mode.
– Навигация в менеджере ассетов стала проще.
Что дальше:
Переезд шрифтов и отступов на Variables. Обновление UI-Kit выйдет в ближайшие пару недель, затем подтянем и остальные библиотеки.
🔹Компоненты в UI-Kit
– NEW Banner — статусная плашка с кнопками для закрепленных сообщений.
– NEW File Icon — новая иконка формата файла: много предзаготовок + возможность собрать свою.
– Tag — иконка теперь настраивается через Boolean-свойство, поправили размеры для S и XS.
– Badge — выбор иконки вынесен в список свойств.
– Groups — компоненты, у которых есть Group-версия, сделали отдельными от групп, как на портале:
– AvatarGroup (добавили настройку View для всей группы разом)
– SwitchGroup
– BadgeGroup
– CheckboxGroup
– CollapseGroup
🔹Еще кое-что для Figma
Сделали плагин Consta Style Replacer. Он помогает заменить цветовые стили на переменные по совпадению имен. Если библиотека опубликована в вашей команде — заведите у себя переменные и замените стили за пару кликов. В следующей версии добавим возможность работы с переменными из удаленных библиотек.
Смотреть в Figma community
Стэй тунед!
Мгновенная адаптация в коллективе
Думаю, вы прочли не малое количество постов про адаптацию на новом рабочем месте. Когда ты приходишь в уже сформированную команду и пытаешься запомнить где, чего и куда. Другое дело, когда команда, в которую ты попадаешь, абсолютно новая (включая руководителя).
Именно на этом месте ты невольно подключаешься к прохождению общего квеста: понять, к кому обращаться по тем или иным вопросам, где лежат исходные файлы и есть ли они вообще, в каком фигма-файле лежит то, а это? Ничего не вижу, памагити!
С горящими пятками вы бегаете по разным отделам, вытягивая нужную информацию, и делитесь друг с другом.
Да, это сильно выматывает, ведь приходится тратить дополнительные ресурсы. Как временные, так и моральные.
Но плюсы тоже имеются: вы знакомитесь с большей частью компании лично, понимаете, как устроены внутренние процессы, выстраиваете границы и быстрее находите общий язык в коммуникации с руководителем и другими членами команды.
В таком режиме адаптация происходит максимально незаметно. Ведь каждый из вас помогает решить общую проблему — получение отсутствующей информации.
#маша #заметка #опыт
👾 Явно.Дизайн x Давай ладом
#Ai | #SeamlessPattern | #Download
Цветочный узор
Формат: EPS, JPG;
Размер файла: 1,35 МБ;
Тип загружаемого файла: ZIP;
Лицензия: Бесплатно для личных и коммерческих целей с указанием авторства bluelela / Freepik.
👉 Скачать файл
Пак премиум иконок.
• 58 категорий.
• Поставляется в формате Figma и SVG.
• Набор иконок аккуратно разделен на отдельные категории, стили и типы файлов.
• Настраивается всё: от веса штриха до цвета, размера и многого другого.
#icon
Открыть в Figma
Набор «Interactive Buttons» by Alex Einarsson Файл с примером интерактивных кнопок со звуком
❗️ Новостной дизайн
#news
📱 Figma обновила файловый браузер и локализуется для испанского рынка
#gemini #uiux #designtrends #design
Figma — обновила файловый браузер для улучшения навигации и организации.
Также локализуют продукт для испаноязычного рынка с полным переводом интерфейса и культурными адаптациями.
📌 Ссылка на источник
Поставь реакцию 💕 | 🙍♂️ Design News
UserFlows — лучший сервис для создания пользовательского флоу из файлов Figma.
pixelic.io
3 сайта, где найти вдохновение при создании портфолио
Каждому дизайнеру нужно иметь свое портфолио и чтобы оно выглядело достойно вы можете найти референсы у других авторов:
1) Wall of Portfolios — курируемая библиотека сайтов-портфолио от дизайнеров со всего мира.
2) CursorUP — более 100 стильных портфолио для вашего вдохновения
3) Product Design Portfolio Inspiration — более 90 портфолио от продуктовых дизайнеров в одном файле Figma.
#подборки #сервисы
😃 Crash Course 03
Старт продаж через два дня!
До этого времени действует прежняя цена для ранних пташек — 30.000
Что будет на Crash Course?
🥹 База, которую мы принудительно изучаем в начале. От азов интерфейса до шейдинга и кадрирования. Весь основной пайплайн в блендере.
🥹 Топики, которые показываю вам тут в роликах по хэштегу. Рассказываю, как делал те или иные рендеры, а также делюсь файлами проектов. Потрогаем нейронки, немного залезем в After Effects, чтобы сделать рендеры еще интереснее.
Что нужно, чтобы было комфортно работать?
🥹 ПК или ноутбук на Windows с 6гб+ видеопамяти (VRAM), видеокарта на базе Nvidia.
или
🥹 Мак на процессоре M1 Pro/M1 Max+
Обсудить и записаться можно в лс.
Почитать и поглазеть можно по хэштегу, все ролики еще актуальны (!):
→ #BW_CC
🤎 AGR Checker v1.2 🤎
Свежее обновление чекера - добавили модуль экспорта, выделение ошибок текселя и многое другое.
🖇️ Cкачать плагин
📌 Модуль экспорта 📌
Одна кнопка, которая подготавливает и обновляет весь пакет архивов НПМ и ВПМ. Теперь, после проверки, можно исправить ошибки и собрать архивы на лету:
🤎 можно экспортировать все архивы, а можно частично, сняв галочки с ненужных коллекций в аутлайнере;
🤎 так же есть опция сохранять старые архивы в подпапку, на всякий случай. Если после экспорта все ок, можно удалять папку со старыми архивами.
📌 Исправление ошибок в модели 📌
Некоторые ошибки можно исправить автоматически (возле соответствующих пунктов появится кнопка fix, при возникновении ошибки):
🤎 дубликаты вершин, изолированные вершины и ребра;
🤎 одноцветные заглушки;
🤎 альфа-канал для карт ERM, Normal и заглушек.
📌 Улучшения 📌
Множество небольших изменений и исправлений багов:
🤎 для текселя добавлена опция - выделить ошибочные полигоны;
🤎 добавлена проверка изолированных ребер и вершин;
🤎 добавлена проверка материалов остекления и корректность заполнения координат в geojson файлах;
🤎 добавлены рекомендательные пункты по RGB режиму и одноцветных незаглушек;
🤎 небольшие изменения в отображении различных элементов модели и кнопка "приблизить вид к модели".
🖇️ Cкачать плагин
Постарались учесть большинство пожеланий. Спасибо за обратную связь!
А еще, приходите 22 августа на лекторий «Цифровые трансформации в городе: Архитектура, дизайн, искусство и технологии», в рамках летнего фестиваля "Артбалкон". Познакомимся, поболтаем про оптимизацию подготовки моделей и многое другое.
@sintez_space
Плагин QR Code Generator — быстро создает векторный QR-код. Также отлично подходит для создания QR-кода, чтобы поделиться ссылкой на файл Фигмы или ссылку на прототип.
Magicul — поможет быстро конвертировать файлы Figma в файлы AdobeXD, Sketch и наоборот.
xd2sketch.com
Импорт файлов Иллюстратора и SVG в Figma.
Плагин Illustrator + SVG импортирует файлы Иллюстратора и SVG в Figma, а также исправляет проблемы с импортом, такие как:
— Скопировать и вставьте из Illustrator в Figma
— SVG с использованием clipMask
— SVG с использованием HSL/HSLa
— SVG с неправильной шириной/высотой
Ссылочка на плагин — Illustrator + SVG Import Дайте знать своими реакциями, если вам нравится подобный контент
Retro Figma
#Ai | #Infographic | #Download
Шаблон инфографики с лампочкой
Формат: EPS, JPG;
Размер файла: 4,6 МБ;
Тип загружаемого файла: ZIP;
Лицензия: Бесплатно для личных и коммерческих целей с указанием авторства archistella / Freepik.
👉 Скачать файл
UserFlows — лучший сервис для создания пользовательского флоу из файлов Figma.
pixelic.io
Retro Figma