📂 История жизни одного макета
Аня, маркетолог команды цифровой трансформации Ареал, рассказала о системе правил для дизайн-процессов, которая сложилась за 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.
👉 Скачать файл
![Изображение канала: SINTEZ [синтез]](https://content.desigram.ru/avatar/aa903c17-2569-4a6f-9730-716ae802f16a.jpg){kind=small}
