Платный Figma Dev Mode, решение проблемы, мини обзор плагинов, учимся читать макет в design режиме 

Мне впервые за 2 года понадобилось сверстать сайт и в этот же день dev mode сделали платным)уровень везения неимоверный

Лайк сразу, посмотрю после работы)

Вадим привет! телеграм что под видео рабочий? написал с вопросами по курсу, но без ответа 😥

Вадим, огромное Вам Спасибо! Здоровья Вам и вашей семье.

Жду твоих новых видео с нетерпением !!!

Здравствуйте Вадим , скажите пожалуйста что вы скажите про плагин Pixso ? Стоит ли рекомендуется или нет? Замена ли это Фигме как для дев мода так и вообще в целом? Нашумевший плагин хотелось бы от вас услышать мнение , спасибо

Привет. Спасибо за видео! Вопрос. Можно сейчас как-то в фигме переключиться с px на rem?

А что скажете по поводу cms modx?

Красавчик 🔥🔥🔥 когда выставишь видео верстки по этим макетам ?

очень жду такой макет, а то не так давно мучался с такого рода блоками :D

Заинтриговал Вадим новым интересным макетом . ЖДем новый выход "саксофона" )))

Подскажите пожалуйста как посмотреть box-shadow? Или теперь вручную выставлять на глаз?

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

спасибо!!! ❤❤❤ ждем вечеринок с мороженным!

Привет, интересно, что тебя не устроило в плагине Inspect Styles. Может, я что-то не учёл в процессе разработки) хочу сделать лучше

здравствуйте, у меня есть вопрос. Могу ли я использовать для своего портфолио проекты Figma, доступные в Telegram? и надо ли где-то отмечать кто автор этого проекта?

Пробовал Pixso ?

Спасибо ютубу . Ютуб подогнал Вадоса , Вадос подогнал решение проблемы.

Просто на Pixso перешёл))

Огромное спасибо! Проблема депрессии и алкоголизма решена! Теперь ждём новый стрим по верстке

Спасибо Вадим!!!)) Нет алкоголизму и депрессии!!!

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

Спасибо! А то уже начал паниковать)

Вадим, привет! Хотел поинтересоваться -- ты по-прежнему угораешь по Джикваери или уже смотришь с торону реактивности? Вьюшка, например

Я бы посмотрел на верстку этого макета особенно первого блока с этими фигурами

Вадим есть чуть лучше решение, Pixso по функционалу +- тоже что и фигма только бесплатно

Макет что на видео - мне кажется не подьемным для верстки)... по нему видео заказать можно?)

Надеюсь будет новое видео о верстке 😉 а так спасибо!

Как вы делаете эти неправильные формы? Если будет время, расскажите пожалуйста, было бы супер-полезное видео😊

Батя как всегда залетел к работягам на помощь

Спасибо тебе друг, это хорошее решение)

Вадим,варто платити третій місяць за ваш патреон(«план душа компании «) Відкриються нові роботи?

А если нет вкладки Design?

Вадос, как всегда вышка, уже как два года прошло с первого сделаного с тобой лендоса, переверстал с тобой больше 10 штучек, уже как год работаю, спасибо тебе большущие благодаря тебе я в теме, доросту до мидла обазательно благодарочку тебе верну, а пока стараюсь смотреть все твои видосы, лайкать и пишу комменты)))

А как вам pixso? На днях скачал, вроде не плохо

просто гений без преувеличения, тупо тему за темой учу по твоим видосам, спасибо

Вадос привет!!! можешь записать тутор по HTMX библиотечке, инфы на русском 0 в гугле, больше общие статьи.

А как делать такие формы как на макете, если заказчик требует их сделать полностью адаптивными (резиновыми)?

Нам всем необходим марафон с этим макетом! :)

Танец с бубном, Вадим красавчик, никакой паники. Всем сказал, что ничего не случилось, но кстати вот вторым плагином я пользуюсь. Style Inspector. Спасибо, очередной раз показывает, что есть люди, которые просто хотят донести добро до мира!

А я им и не пользовался - все и так легко достается) Ещё с времен фотошопа привычка собирать параметры с правой менюшки Генератор градиентов не нужен - их можно получить с Copy as code -> CSS А макет простенький, если уметь делать адаптивные svg-шки)

Вадим, ты же снимешь видео, когда появится достойный плагин?

Похоже, что плагины доступны только в Dev Mode версии. По крайней мере, в веб версии Фигмы у меня плагины пропали

Есть полностью бесплатный и опенсорсный penpot, отличный инструмент. За бугром довольно популярен и многие именно penpot считают самой перспективной альтернативой figma

Пипец как перенервничал🤣 Вадим, как картинку скачать не пойму не урезанную

Да, действительно напрашивается вёрстка макета с неправильными формами, с закруглёнными краями и что бы они корректно находились друг относительно друга при адаптиве. Долой прямоугольные секции!

Pixso вроде бы неплохо себя показывает, та же фигма, только бесплатно и название другое)

Прикольный макет, сделаешь марафон по нему?

Это если хороший макет, а если макет хреновый или макет заморочен так что глаза сломаешь, как быть?

Приветствую, когда новые вечеринки будут выходить?)

Можно ещё сделать copy as CSS

Ждём кряк) А вообще за dev mode платить только ради стиля box-shadow не вижу смысла, в целом много лишних свойств, особенно у текста. Расстояния просматривать в dev mode не удобно. Если дизайнер хороший, то одного раза заполнить файлик var и использовать переменные обычно хватает.

Как сверстать карточки неправильной формы, как в макете с видео?

Ахаха, забавное объяснение:) В общем без паники, pixel perfect в руки:) Inspect Styles плагин понравился

Подсмотрел в другом видосе верстальщицы такую прогу как - Pixso, почти клон фигмы, мне понравилась, юзаю её, а плагины действительно не все показывают или тупят еще и постоянно его тягай по екрану туда сюда.

Только думал писать по этому поводу. Вчера была паника🤣что делать шеф😂 Спасибо 👌

Интересный макет, гоу сверстаем его

установи плагин в figma называется Inspect Styles

Такие бы макеты верстать.. а не вот это все стандартное )

Они решили испортить нам вечеринку

Чего все всполошились с этим девмодом то? В режиме редактирования стало не так удобно конечно получать свойство, но так было и пол года назад до того как добавили девмод, в обычном режиме все так же просто получить нужные свойства. Самая большая потеря это то что теперь нельзя выкачать исходник изображения, и отсутствие нормальной работы с переменными, а в платных темах под библиотеки это очень удобно. Кстати если у вас нет доступа на редактирование то и плагинами в бесплатной версии вы тоже не можете пользоваться. Не думаю что люди массово начнуть переходить на похожие продукты - они кривые, файлы из фигмы переносят с багами, компании завязаны уже на фигме и будут его оплачивать как это было с Adobe Xd. И кстати где гарантия что как аналог наберет базу не станет платный как это сделала фигма?) P.S. Если кто знает какое свойство не получить - пишите проверю, пока ни с чем таким не столкнулся что не находится дефолтными возможностями

Вау, як класний макет ❤

🎉

Не реклама, но слышал, что в pixso переходят

Pixso лучшее решение на данный момент

Думаю Pixso лучше некуда (мож десктоп/web версия)

Лайк сразу

Без Devmode тяжело вытаскивать оригиналы картинок

Pixso, альтернатива. Копія figma

При всем уважении к Вам, Виталий, Вы соорудили устройство с большой парусность, при большом ветре, саженцы сломает

а шо 12$ мы не потенем никак?🙂

Скорее всего, люди на Pixso перебегут

Дякую, дуже корисно

В опу! оплатил и работаю дальше

Капец вы советчик.. Во-первых, разработчику в очень редких случаях дают права на редактирование макетов, во-вторых вы убираете ссылку на компонент и стили, если их в дальнейшем поменяют, то эти места останутся без изменений.

Вадим спас розробників-алкоголіків! Алілуйя !!!

повесить покупку дев мода на заказчика

Pixso скачивать и не надо танцевать с бубном. А кому принципиально нужна Figma, то тогда проще заплатить и не заниматься хернёй со всякими костылями

Мораль видоса: Девмод стал платным, не пользуйтесь ним. А что нового ты рассказал? Мы и без тебя знали как верстать без девмода. В чём посыл видоса? При чём реально рабочий способ ты не озвучил.

ни о чем😂

А если нет вкладки Design?