Как заменять компонент через удаление
Бывают случаи когда в библиотеке необходимо изменить компонент и вы прекрасно понимание что данное изменение приведет к сбросу всех состояний и данных в компонентах у других дизайнеров. К примеру после вашего обновления слетят текстовые данные в кнопках, кнопки перейдут в состояние default и тп. За это вам спасибо никто не скажет и вы получите одни возмущения, так как придется идти и восстанавливать все данные. Вот в таких случая вам поможет данная инструкция, что бы решить это меньшей болью.
Как выполнять замену
- Делаем копию компонента;
- Старый компонент переименовываем в «🔴 Устарел, требуется свап или замена» + добавляем ссылку на новый компонент, что бы дизайнерам было проще найти его (точку перед неймингом ставить нельзя так как он сразу скроется без переименования дочерних компонентов);
- Тоже самое пишем в description старого компонента + какой нейминг был у старого компонента;
- Далее выливаем библиотеку, что бы всем прилетел апдейт компонента;
- После к неймингу приписываем точку «.🔴 Устарел, требуется свап или замена» что бы он скрылся из публикации и стал недоступным;
- Далее снова выливаем библиотеку;
- После чего удаляем старый компонент и помещаем на его место новый за ранее отредактированный как вам надо;
- Не забываем оповестить дизайнеров (Текст: 🔴 [имя компонента] устарел, требуется свап или замена, потому что: [описание из библиотеки]);
Как выполнить замену через бранч
- Создаем бранч;
- Делаем все тоже самое только до 4го пункта выше;
- Потом опубликовываем бранч;
- Начиная с 4го пункта продолжаем делать все тоже самое;
Итог
Как итог Вы сделали обновление компонента как вам надо, у дизайнеров не слетели данные с текстовых слоев, не изменились состояния и все рады. Единственный минус этого способа, нужно обновить старый компонент в ручную с помощью свапа или замены.
🚀 Подписывайтесь, чтобы узнать то, чего не знают другие! Уникальные инсайты и редкие темы для вашего роста и вдохновения! 💡
За окном уже 2025 год, так что пора подумать о том, как меняется веб-дизайн. Какие тренды помогут вашему бизнесу выделиться и привлечь клиентов?
Дизайн-система - это библиотека переиспользуемых фрагментов интерфейса, текста и визуала (цветовых палитр, иконок, кнопок и других элементов), из которых можно собрать типовые пользовательские сценарии. По сути это набор стандартов, подходов и инструментов для управления дизайном продукта.
Выбрав правильное окно можно не только упростить интерфейс, но и снизить когнитивную нагрузку на пользователя, ускорив взаимодействия с ним и сделать шаги очевидными, ясными и понятными повысив удовлетворенность от использования вашего интерфейса.
Онлайн-чат — быстрый способ наладить связь с клиентами и увеличить продажи. Мы разберём, как установить его на сайт и сделать полезным инструментом для бизнеса.
В статьях про атомарный дизайн есть одна большая проблема: в одной кнопка считается атомом (пример), а в другой — уже молекулой (другой пример).
Периодически я смотрю подборки с сайтами по типу Made on Tilda. Как делают красивые, но обычно неэффективные сайты.
«Как вы придумываете дизайн, с чего начинаете?» Такой вопрос регулярно задают дизайнерам на собеседованиях. Расскажу, что отвечаю я.
"Нажимаю на кнопочку, и оп! без лишних слов дизайн готов!" (Шутка)
В этой статье я расскажу о том, что сам безуспешно пытался найти в сети. Мне хотелось узнать, как подступиться к разработке крупной дизайн-системы, на что обратить внимание и как организовать свою работу и работу других дизайнеров, разработчиков и менеджеров. Я покажу этот процесс на своем примере.
Когда дело касается потоковой работы, где интересного и оригинального от тебя ждут через каждые 2-3 дня, давление может быть огромным. Расскажу, как я с этим справляюсь. Сразу оговорюсь. Тему выгорания я вынесу в отдельный пост, так как она требует отдельного внимания. Итак.
Можно же просто добавить свойства
Кнопка виде стрелочки в повернутый квадрат
Слишком сложно как для дизайнеров, так и не очевидно для новеньких. А в моем случае у тебя просто исчезает компонент. Простой путь не всегда самый лучший.