Figma. Плагины для продуктового дизайнера. Ультимативный список.

[@zen-designer]

Всё. Вадим починил Retextifier. Можно пользоваться и на Windows без всяких ухищрений.

[@Computer_Engineer1]

Почему 90% уроков снимается на экранах 1920 × 1080? У большинства людей нет таких мониторов. Люди, которые не могут себе позволить платное обучение с наставником - смотрят бесплатные уроки на ноутбуке с 15,6" монитором с разрешением 1366 × 768. Попробуйте посмотреть своё видео на таком. Вы сможете все надписи разглядеть в вашем видео не упираясь носом в экран? Было бы неплохо переключать разрешение вашего экрана на 1280 × 720 (16:9) на период записи видео, если есть цель записать урок для всех. Спасибо.

[@MrSmith42]

@@Computer_Engineer1 смотрю уроки на 4К мониторе. Тут скорее надо масштаб системы для записи видео менять, а не разрешение. Если поставить 150%, то всё будет крупным, но при этом не будет пикселей.

[@thethqoqx5438]

Спасибо! Поскольку много приходится работать с дизайн-системами для мобильных интерфейсов, нужно постоянно перекрашивать светлые объекты в соответствующие темные. Потому один из часто используемых плагинов - Lights. Он быстро переназначает стили из светлой темы в темную и наоборот. Главное, чтоб они были названы одинаково и имели префиксы Light/ и Dark/. Рекомендую всем мобилоинтерфейсникам.

[@АлександраКускова-о5б]

а это удобнее чем через переменные?

[@grayphoenix2606]

один из полезнейших роликов по плагинам

[@МаковыйРулет-э2щ]

Спасибо за выпуск! Соскучились уже!

[@zen-designer]

Я тоже соскучился 😊

[@Sibir-bv2hp]

почти 19 минут чистого кайфа, спасибо

[@zen-designer]

Не забывайте делиться годнотой!

[@РамзанБерсанукаев-г3ш]

Спасибо Виктор.Очень полезный контент

[@quant7082]

Чикатило спасибо за видео!

[@vyacheslavgayfeev5845]

Оч крутые видео!!! Просто огонь, некоторые пересмотрел по много раз. Оч жду видео о том как выстраивать ДС, нейминг слоев, и т.д. Ибо ошибки на начальных этапах очень дорого обходятся дизайнерам и продуктовым командам.

[@mykolagolovko6473]

От Бога, как всегда) Спасибо!

[@Sibir-bv2hp]

Благословит тебя бог дизайна!

[@zen-designer]

И тебя!

[@ZakharLobanov-df9il]

Виктор, спасибо! Подборка - огонь. Первые три плагина, чувствую, сильно пригодятся при предстоящем переходе команды со Скетча на Фигму.

[@zen-designer]

Пригодятся все 😊 Главное не цепляться за старое и пересобирать компоненты используя фичи Figma - автолейауты, варианты и т. д.

[@leojamelashvili]

Отличная подборка!

[@YuraFedorchuk]

очень офигенная подборка и легкая подача для видео для восприятия. плагины наше все!

[@zen-designer]

голова и руки - наше всё, а плагины позволяют выиграть время )

[@PirusHelp]

Спасибо за видео) очень интересно послушать как вы работаете в команде

[@mashadorofeeva1084]

Виктор, большое вам спасибо! Наконец-то вы вернулись дабы мы могли просвещаться =)) Пилюлька сегодня вообще в точку попала!

[@zen-designer]

Своевременно принятая пилюлька - залог здоровья )

[@ivanvolti]

Очень полезно. Спасибо!

[@yebako666]

Супер, спасибо!

[@Ruslan54RUS]

Спасибо, только начал в продукте работать. Крутая подборочка 👍🏽😉

[@zen-designer]

Удачи в продукте

[@bomjik23]

Прикольный ты чувак, спасибо тебе за уроки!

[@dmitriyokulovskiy5956]

Спасибо за ролик, надеюсь, увижу вас на Ozon Camp!

[@zen-designer]

Надеюсь я услышу про Ozon Camp 😂

[@yevhenpeshynskyi8317]

За Retextifier особый респект))

[@roman.musatkin]

Вы супер.

[@zen-designer]

Не «вы», а «ты»

[@roman.musatkin]

@@zen-designer ты супер!

[@zen-designer]

@@roman.musatkin и ты, не забывай! 😁

[@NoseNose65]

Спасибо за полезную подборку. Многое использую тоже - многое забрал в копилочку. Всем рекомендую обратить внимание на Swap, мой самый топовый плагин. Он поменял весь мой рабочий процесс :)

[@lepermessia4]

Спасибо!

[@oleksiiborodai4963]

Виктор, поздравляю с новым местом работы! Спасибо за видео. С интересом глянул бы подробное видео о вашей ДС. Надеюсь у вас все хорошо, очень ждем новые видео!

[@zen-designer]

Спасибо. Надеюсь выкрою время для новых видосов

[@HomeBog]

Приветствую! А будут ещё интересные видео, что то тихо стало...

[@Mark-ry9lu]

Спасибо за видео, было бы круто если остановились на каждом плагине еще подробнее, а то пришлось первые два плагина пересматривать и вникать, что, зачем и для чего. И Таймлайны не помешали бы :)

[@zen-designer]

Таймлайны?

[@Mark-ry9lu]

@@zen-designer таймкоды 🤦🏻‍♂️

[@zen-designer]

@@Mark-ry9lu так они же в описании ролика

[@bloodywine-f6p]

Здравствуйте, Виктор подскажите пожалуйста, как расположить текст с значками по кругу в фигме? про to path знаю, но там ток текст можно, может ссылку на видео скинете, буду благодарна)

[@IKolpikov]

Виктор, спасибо! Отличная подборка! а что за классная прога стоит для работы с буфером обмена?

[@zen-designer]

)) Это штатная функция Win10 -- win+V

[@александрсоколов-в3х]

кэйдж крут)

[@Solovev6920]

Спасибо. Когда уже полноценный курс по фигме?

[@zen-designer]

Для этого придется уволиться из Ozon, а я пока не готов 🙃

[@annaarkhipova]

Виктор, здравствуйте. Не по теме ролика. Но хотела бы у вас уточнить, может вы знаете, как перенести проект из одного пространства одной компании в пространство другой компании, и при этом чтобы сохранилась связь с компонентами.

[@zen-designer]

К сожалению не сталкивался. Спроси в чатике t.me/figmachat П.С. мы тут не выкаем )

[@oleksiibiriuchynskyi6721]

Давно вас не слышно :) Очень хочется узнать от вас о системах нейминга слоев, блоков, элементов, многоуровневой вложенности. Хотелось бы увидеть наиболее удобный по вашему мнению пример системы. В интернете по неймингу практически нет информации

[@zen-designer]

Как раз сейчас занимаюсь дизайн-системой. Коплю опыт. Как накоплю достаточно и проверю его валидность, сделаю видео.

[@oleksiibiriuchynskyi6721]

@@zen-designer жду с нетерпением) уже текут слюньки от контента))

[@andreyp2632]

Привет, интересно было бы посмотреть про продуктовую работу. Как вы в команде берете таски на спринт, по какому принципу распределяете. Как храните версионность мокапов, к примеру был у вас мокап home page на него добавили 1 кнопку в навигационную панель, меняете ли все потом мокапы которые от этого зависят

[@zen-designer]

Тут даже внутри нас разные пайплайны. Наша команда работает без спринтов, у нас канбан-доска. Задачи распределяет тим-лид. Но у всех свои основные направления. Версионность внутри файла, на отдельных страницах. Если кнопку добавили в навпанель, она скорее всего в сценарной либе и прольётся на другие макеты. Если не в либе - обновляем актуальные макеты и потихоньку расчищаем техдолг по остальным.

[@andreyp2632]

@@zen-designer спасибо

[@ireneyung1226]

Возвращайтесь! У вас самый годный контент по фигма!

[@wolfich4684]

Виктор, если вы не сделаете видосик по обсидиан. А буду вводить против вас санкции! )

[@HomeBog]

Что то стало тихо на канале. Будут ли новые видео? Было очень интересно.

[@zen-designer]

Прости, что молчу. Совсем нет времени. Новая работа, новые вызовы. Но я не оставляю надежду вернуться к вам

[@HomeBog]

@@zen-designer Новая работа. Это хорошо! Удачи вам! Буду ждать новостей.

[@vyacheslavgayfeev5845]

А есть ли смысл использовать в нейменге БЭМ, дабы не изобретать велосипед?

[@zen-designer]

Почему бы не попробовать? Может у вас в проекте это взлетит. Мы не используем

[@сергейосипов-п1с6р]

Давно не общались!

[@zen-designer]

Ну вот и свиделись

[@ЕвгенияГронь-о9ю]

Может кто-нибудь поподробнее рассказать про плагин Master? Не особо понимаю принцип работы и его полезность

[@zen-designer]

Привязать инстанс к другому мастеру с сохранением всех оверрайдов. Посмотри ссылки на странице плагина.

[@denygo2424]

вместо Retextifier - Many Paster))

[@zen-designer]

Хороший плагин. Но мне Retextifier больше нравится. Paster требует выделять текстовые блоки, а Retextifier умеет их сам находить внутри выделения.

[@ВадимХиврич-б1ф]

Хочу с тобой поработать и поучиться у тебя!

[@СотнЯ-н6ц]

Спасибо за информацию! Но, что со звуком? Я до сих пор щелчки в ушах слышу) это единственный минус данного видео.

[@MrSmith42]

Я что-то очень туплю. Дано: файл с локальными компонентами, библиотека с этими же компонентами, но уже изменёнными. Задача: заменить всем инстансам локальных компонентов мастер компонент на библиотечный. Как это сделать?

[@MrSmith42]

Ладно, я понял, что могу это сделать выделяя компоненты по одному, а затем используя Master. Не уверен, что это самый эффективный способ, но точно лучше, чем вообще потерять компоненты или держать 2 разных. Если есть лучше, то подскажите.

[@zen-designer]

Ещё можно пробовать Design System Organizer

[@IKolpikov]

Виктор, т.к. ты в OZON дизайнишь продукт - огромная просьба UX. Добавьте к товарам в карточку информацию о весе как тех поле! Вот я хочу купить орехи например. Это невозможно сделать из страницы товаров! В большинстве описаний нет грамовки, поэтому чтобы сравнить цену за кг я лезу в каждую карточку и достаю калькулятор т.к. где-то 500 гр, в другой 850 а в третьей это вообще оказывается 3 упаковки по 200! Отсутствие цены за кг делает инфу о скидках и цене за позицию бесполезной и поджигает кресло подо мной уже не первый день.

[@zen-designer]

Передам соответствующим специалистам

[@oleksiibiriuchynskyi6721]

Объясните пожалуйста кто-нибудь, что значит "Умеет перелинковывать инстансы к новому мастер компоненту, сохраняя все оверрайды" Мне не понятны значения слов инстансы и оверрайды.

[@zen-designer]

Инстанс - экземпляр мастер-компонента. Оверрайд - изменение относительно мастер-компонента. Например текст или цвет.

[@oleksiibiriuchynskyi6721]

@@zen-designer Боже я понял) спасибо тебе добрый человек. Именно этот плагин я ищу, столкнулся с этой проблемой на днях и вспомнил про этот обзор

[@oleksiibiriuchynskyi6721]

@@zen-designer порекомендовал ваш канал у себя в школе Design Spot School 2021 Продолжайте и дальше делиться знаниями)))) Вы оказываете неоценимый вклад в развитие дизайна в русскоговорящей среде

[@zen-designer]

@@oleksiibiriuchynskyi6721 спасибо. Продолжаю 🌝

[@evilballer]

куда пропал автор?

[@AlexanderMinaevFast]

По верхам. В первых двух плагинах куда больше возможностей.

[@zen-designer]

Конечно по верхам. Это же не туториал, а хитпарад.

[@AlexanderMinaevFast]

@@zen-designer Обязательно сделайте подробный обзор первых двух плагинов. Правда, я думаю, что данный функционал в Figma добавят уже в этом году.

[@zen-designer]

@@AlexanderMinaevFast про Master я уже рассказывал. А вообще у обоих плагинов хорошая документация и отзывчивые авторы.

[@akirillov]

@@zen-designer поиском по каналу "master" не смог сразу найти однозначного ответа) Буду очень благодарен за ссылку на ролик. Очень хочется разобраться с этим плагином.

[@zen-designer]

Тут есть немного. kzbin.info/www/bejne/eoPYoXSXetN8jpY Вообще у Master хороший хелп.

[@wolfich4684]

ого только о тебе подумал- и видео выкатил!

[@zen-designer]

Всё не просто так в этом мире

[@semon9432]

+

[@Computer_Engineer1]

Вы принадлежите к тем 90% авторов уроков, которые записывают экраны в 1920 × 1080 и 2560 × 1440? У большинства ваших зрителей нет таких мониторов. Люди, которые не могут себе позволить платное обучение с наставником, - смотрят бесплатные уроки на ноутбуке с 15,6" монитором с разрешением 1366 × 768. Попробуйте посмотреть своё видео на таком. Сможете ли вы все надписи разглядеть в вашем видео? Было бы неплохо переключать разрешение вашего экрана на 1280 × 720 (16:9) на период записи видео, если есть цель записать урок для всех. Спасибо.

[@zen-designer]

Хорошее замечание. Подумаю над этим

[@MrSmith42]

​@@zen-designer можно ставить масштаб 200% в Windows или MacOS на время записи. Всё будет крупным, но не будет пикселить, как при 720.

[@zen-designer]

@@MrSmith42 хорошая мысль

[@wolfich4684]

Виктор, вот интересный видосик kzbin.info/www/bejne/bHa6hqOXYpqfidE (надеюсь не нарушаю правил)