❌ Figma закрывает DevMode, но есть бесплатный аналог

Подписаться 102 тыс.

Просмотров 29 тыс.

50% 1

🔥 Запишись на обновлённые курсы по вёрстке сайтов со скидкой до 20% - forms.gle/xohyvFcoCPjhWtez9
🗓️ Старт обучения: 12 февраля 2024
Figma с 1 февраля закрывает режим DevMode и делает его платным. А значит, самое время, сравнить эту фишку с другим аналогичным приложением, где DevMode можно использовать бесплатно.
Напомню, что есть приложение Pixso. Обзор на него я уже делала на своём канале и есть тогда не многие поняли, зачем менять одно на другое, то сейчас такие вопросы отпадут сами собой.
Давайте в этом видео сравним возможности DevMode от Figma и Pixso, пока есть такая возможность.
🔴 Поддержи канал на Boosty: boosty.to/annblok
• ЭТО уничтожит Figma - ...
• 🔥 4 способа включить D...
Таймкоды:
00:00 Вступление
00:39 Скидка на обучение
01:46 Что такое DevMode?
02:25 Как запустить DevMode?
02:58 Единицы измерения
03:51 Текст
05:09 Изображения
06:26 Вектор
07:09 Тени
07:52 Переменные
08:46 Auto layout
10:42 Итоги
🔵 Telegram - t.me/frontendblok
🔵 Чат Telegram - t.me/frontendblokchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔴 Обучение - frontendblok.com

Развлечения

Опубликовано:

1 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 143

@annblok_webdev 4 месяца назад

🔥4 способа включить Dev Mode в Figma и не только - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VgJ_06Z8cKc.html

@emiliaveiland4215 3 месяца назад

Какая ж я везучая. Только начала рисовать концепты - сломался планшет. Перешла дизайнить на зарубежный фриланс - санкции. Начала учить вёрстку - фигма закрыла удобный инструмент.👏

@Burgermangimmy 3 месяца назад

LОX это судьба 🤣😂😏

@Serehajsss 4 месяца назад

Переезжаю в пиксо, спасибо

@user-rb7zq5bd7f 4 месяца назад

Есть опыт перехода, очень глючный он

@user-uw9xp8en3v 4 месяца назад

@@user-rb7zq5bd7f так и знал, что будут подводные камни. Всё-таки Фигма серьезный продукт и вот так один в один скопировать технически очень сложно и нужны большие ресурсы

@Serehajsss 4 месяца назад

@@user-rb7zq5bd7f пока полет нормальный

@rnl3003 4 месяца назад

благодарю за информацию!

@balcony_warrior 4 месяца назад

Не совсем понятен момент с изображениями. Можно ли там экспортировать сразу под ретину, например? Впрочем, нужно идти самому смотреть, тестировать. Спасибо за обзор!

@Roman4ik145 4 месяца назад

У меня на этом видео высветилась реклама Adobe 🤣🤣🤣🤣

@Aberukov 4 месяца назад

8:45 "Кстати, если вы хотите узнать как правильно называть переменные то..., Теперь давайте сравним автолайаут" кусок видео потерялся)

@WERWOLION 4 месяца назад

Цвет 1 , цвет 2, цвет 3 --с1 --с2 Все!

@annblok_webdev 4 месяца назад

Продолжение: …то напишите об этом в комментариях 😅

@den4ik2456 4 месяца назад

@@annblok_webdevТогда хотим 😂

@vladimirkluger2098 4 месяца назад

*"Кусок видео потерялся" - ...Ну или его специально потеряли, чтобы у зрителя произошел разрыв шаблона (и мозга:), и он срочно бросился просить сделать видео о названии переменных)*

@user-mw9sr4yd2q 4 месяца назад

@@annblok_webdev было бы очень полезно! потому что иногда приходится придумывать 50 оттенков серого ;))

@Civilizer1976 4 месяца назад

Как я понимаю в ней не возможно массово сменить, например, тему дизайна макета всей страницы(например dark/light mode) или скругления и т.д. так как нет локальных переменных(local variables) как в платной версии figma? Это конечно жирный минус. Или я не обнаружил?

@svhanz 4 месяца назад

Анна умничка! Как всегда- быстро, четко, информативно! И по-прежнему красавица❤

@shim868 4 месяца назад

Отлично, а главное - своевременно!

@DocVampir 4 месяца назад

Просто актуально как никогда. Спасибо большое, перехожу на Pixso

@user-qt9fi6sl6g 4 месяца назад

Спасибо. Пусть теперь сами фирмой пользуются.

@Anodoree 4 месяца назад

эх, чтобы мы делали без ютуб... и без Типичного Верстальщика))) привет)

@krakanosh 4 месяца назад

Уже сохранил в закладки, пробовал импортировать макеты из фигмы - все работает отлично. Теперь буду работать в пиксо(тем более что там есть крутая штука в виде ИИ помощника, который и текст сгенерирует и картинки с иконками...правда его не тестил пока), платить подписку в фигме желания да и возможности нету)👍👍👍

@annblok_webdev 4 месяца назад

Я тоже не вижу смысла в оплате этой фичи разработчику, потому что и раньше без DevMode прекрасно справлялись по данным из дизайн-вкладки. Максимум было удобно копировать box-shadow и формулу градиентов.

@krakanosh 4 месяца назад

@@annblok_webdev тут дело принципа даже, честно говоря у меня просто подогрело когда они сделали этот дев мод...ибо он абсолютно не удобный, а платить за фичу которая ещё и не удобная - это уже слишком. Так что удачи Adobe))

@annblok_webdev 4 месяца назад

@@krakanoshони разорвали сделку с адоб

@user-qy9yi1kc3r 4 месяца назад

Что на счёт градиентов? Все нормально?

@aleksandrfreed3518 3 месяца назад

Спасибо ❤‍🔥 как увеличить макет ,зажатый ctrl как в figma не работает, шифт и плюс дико не удобно

@user-bs1jl4gv7s 4 месяца назад

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

@Burgermangimmy 3 месяца назад

Купи нормальный комп

@user-bs1jl4gv7s 3 месяца назад

@@Burgermangimmy У меня новый, хороший ноутбук! Не дешевый! Пользуюсь вторым дополнительным монитором, тоже не плохой! С Figma таких проблем нет!

@wizardoflightnings6841 4 месяца назад

Х/з, там можно professional купить за 12 к в год. Надо будет посмотреть как это будет выглядеть после 31 января, и начать писать им что они гандольеры, может откатят это решение.

@Roman4ik145 4 месяца назад

12К пусть дизайнеры платят, а веб-разработчики и там информацию из внешнего вида макета могут взять. Раньше же как-то из фотошопа верстали и никто не умер.

@linuxforbeginners5121 11 дней назад

Привет. Так как я начинающий программист сайтов я не стану покупать подписку и перейду в Pixso. В данном ставнении показано что различия между figma и Pixso минимальные и если знаешь что и как делать относительно css то каким инструментом пользоваться разницы нет. Такой формат видео конечно же хорош и даёт полное понимание того что пользоваться можно и Pixso, особенно если есть перенос проектов между Figma и Pixso.

@Ae7akm1 3 месяца назад

Прошу прощения за вопрос, а как вообще сейчас покупают фигму? Я джун, хочу работать в ней, так как все вакансии по ui ux связаны именно с ней, но не понятно как с бесплатной версией быть

@Anton-yt1dj 4 месяца назад

Король умер, да здравствует король! Видео про переменные очень хотим)

@Civilizer1976 4 месяца назад

Так их там нет. Или есть? Но я не обнаружил.

@baboon_hero 2 месяца назад

Спасибо за разбор этого супер инструмента !!!!!!!!!!!!!!!!

@gorzzoth 4 месяца назад

У меня экзамен завтра, захожу в фигму, а там такое)

@Maratreason 4 месяца назад

Еще раз спасибо! Сегодня уже верстал с pixso. Неплохо. Только текст копируется неудобно. На правый клик и выбирать в менюшке. Пока это единственный минус, который заметил.

@annblok_webdev 4 месяца назад

ctrl+c и ctrl+v работают

@MultiEchelon 4 месяца назад

Везунчик, верстальщик

@-shakirov 4 месяца назад

@@MultiEchelonа ты дизайнер? Мне вот интересно им что делать теперь.

@rb9689 4 месяца назад

@@-shakirovкак я понял, дизайнерам можно верстать в фигме, им же не нужен ДевМод. А ты просто импортируешь дизайн фигмы в пиксо

@annblok_webdev 4 месяца назад

@@-shakirovузнаете в новом видео, расскажу о 4 способах использовать Dev Mode и что делать дизайнерам, чтобы включить Dev Mode разработчикам

@user-eg2hb9pv2s 3 месяца назад

я фигму не освоил пока, поэтому буду изучать пикссо 🙂 интересно в линукс можноее поставить

@user-io8qq4vn6w 4 месяца назад

Обязательно перейду ,когда пойму для чего это нужно😂😂😂😂

@walterwhite4407 4 месяца назад

СПАСИБО

@optobeats 4 месяца назад

Только у меня вопрос зачем плодить новых вебпакеров если уже есть vite???

@virtuoz-ru 4 месяца назад

Потому что у всех этих "учителей" нет задачи дать что-то лучшее. У них одно если фреймворк, то говённый реакт, если сборщик, то никчёмный вебпак.

@sinichkaaa 4 месяца назад

@@virtuoz-ru а какой фреймворк по вашему мнению лучше, чем реакт, подскажите, пожалуйста?

@annblok_webdev 4 месяца назад

Vite проходить будем на курсе Vue, а Webpack на продвинутом по вёрстке. Итог: ученик понимает, как работать со всеми технологиями.

@zmmr013 4 месяца назад

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

@IgorBobyrev 4 месяца назад

Спасибо! А интересно еще, как в Пиксо реализован автолейаут и переменные. Из этого видео нельзя однозначно сказать, они есть там в принципе? Как вариант, можно продолжать делать макеты в Фигме, а если нужен Девмод - просто экспортировать макет в Пиксо и пользоваться, хотя наверное это неудобно будет. P.S. И по поводу экземпляров еще хотелось бы понять. Короче, чем вообще эти приложения отличаются?

@Serehajsss 4 месяца назад

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

@IgorBobyrev 4 месяца назад

@@Serehajsss я и есть дизайнер и веб-разработчик одновременно )))

@Roman4ik145 4 месяца назад

@@IgorBobyrevсколько зарабатываешь, совмещая два этих дела?

@IgorBobyrev 4 месяца назад

@@Roman4ik145 много )

@user-sf2xu4lb2k 4 месяца назад

Я подписан.))

@q100kmq 3 месяца назад

Сегодня утром 20 минут пытался понять,почему у челов на видосах есть такие таблички в Фигме, думал плагины. Теперь понятно стало почему я ничего не нашёл. За видео спасибо!

@valeriyk7565 4 месяца назад

Спасибо, пробую. Установку плагинов они тоже разрешили только при наличии подписки на девмод

@Burgermangimmy 3 месяца назад

В смысле? Ты на бесплатном аккаунте не можешь плагины поставить??????

@valeriyk7565 3 месяца назад

@@Burgermangimmy именно так. Теперь чтобы установить плагины - купи подписку

@Burgermangimmy 3 месяца назад

@@valeriyk7565 у тебя айкью тумбочки времён раннего ссср

@Burgermangimmy 3 месяца назад

@@valeriyk7565 у меня все ок, норм ставится, подписок никаких нет

@ssr.1989 4 месяца назад

Буду в pixso и в figma с доп плагинами, покупать не надо ничего. Что касается pixso, думаю оно догонит figma, т.к., пользователей сейчас у них станет больше. Спасибо за подсказку!

@user-bj5lb7kf1c 4 месяца назад

Круто они намутили. Только начал изучать верстку, открыл макет, а там не работает режим дев мода. В итоге по макету непонятно ничего, особенно семейство шрифта. Если размеры и отступы еще можно определить через пень колоду, то семейство шрифта не отображено нигде, ну или я плохо искал. По итог вообще не понятно, для каких целей теперь предназначен этот обрубок, чтобы что? У пиксо минус, это значения атрибутов на кириллице: Ширина, Высота, Left, Режим слоя: Проникать. И если нажать скопировать значения, дабы перенести их в CSS, то эти значения так же переносятся на кириллице.

@annblok_webdev 4 месяца назад

Семейство шрифта можно увидеть в гуле, но вообще чаще 2 варианта: sans или sans-serif. Их определить не трудно. Если у вас система на русском, то будет на русском интерфейс. У меня компьютер переведён на английский, поэтому все пункты тоже на английском.

@user-th4gy4sz8j 4 месяца назад

А это приложение не станет ли платным в ближайшее будущее??

@annblok_webdev 4 месяца назад

Таких планов озвучено не было

@Alex-bo9wt 4 месяца назад

svg как у тебя так и не понял как посмотреть(6.42)😒😢😢😢

@annblok_webdev 4 месяца назад

На этой секунде показана фигма

@kamikozzz 4 месяца назад

Вернулся в кодинг, не мог все найти привычный таб, узнал, что теперь он платный, решил найти решение и господи спасибо боже! И китайцы молодцы, взяли форкнули фигму)0

@annblok_webdev 4 месяца назад

Да, я обзор на Pixso записывала еще год назад и видно, как за этот период они подтянули больше функций от Figma. Думаю, будут дальше его совершенствовать, так как сейчас многие туда уйдут 😅

@EugenePro777 4 месяца назад

Буду пользоваться обеими программами, но больше конечно pixso.

@Azur-ub6sf 4 месяца назад

Отлично, сел за верстку, а тут такая неожиданность(

@alexmarch 4 месяца назад

так как экспортировать макет со всеми элементами из фигма в пиксо ?

@annblok_webdev 4 месяца назад

В видео показан этот момент на 02:45

@user-sl7cv9kh9s 3 месяца назад

Интересно

@user-uk6vm7ed8g 4 месяца назад

Pixo нифиа не аналог, тестил в pixo большой проект из figma(импортировал файлом) по итогу не все значения корректно отображаются в пиксо- цвет, размеры, шрифт и т.д.

@Sommie_design Месяц назад

зачем юзать всякие рудименты типа pixso если есть Penpot ? а в версии 2.0 там еще и функции повеселее чем в Фигме да еще и всегда бесплатны все функции

@vladikovcharenko3609 4 месяца назад

проще поставить плагин inspect styles в фигме и не заморачиваться, ну эт как по мне

@Roman4ik145 4 месяца назад

А че там? Тоже самое всё?

@vladikovcharenko3609 4 месяца назад

@@Roman4ik145 да все супер работает

@progover24 4 месяца назад

@@Roman4ik145 свойсвтав все можно смотреть

@user-nd6cs1kz9c 4 месяца назад

Та то понятно, но а с margin and padding как быть?

@Roman4ik145 4 месяца назад

@@user-nd6cs1kz9c я проверил, там есть эти данные, а еще можно alt зажать

@helgasheretovich5989 4 месяца назад

❤❤❤❤

@mxerf_ 4 месяца назад

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

@annblok_webdev 4 месяца назад

Открываете Pixso, в левой колонке в нужном слое с вектором нажимаете правой кнопкой мыши и далее Copy as SVG -> Вставляете этот код в нужный файл при разработке. Эта функция в Figma также есть и без режима DevMode. Пользуйтесь!

@EvgenOl 3 месяца назад

7:47 Тройной клик по строке выделяет её. Прфоит. Не нужно чтобы "скрол пронёс нас".

@Burgermangimmy 3 месяца назад

Какой понос?

@_mr_maximum_ 4 месяца назад

Красавица!!!

@zhumabekovich7180 4 месяца назад

как исправить отсутствующие шрифты

@annblok_webdev 4 месяца назад

Установите их на свой компьютер

@vladimirkolarzh5195 4 месяца назад

шрифты можно вводить в личную библиотеку на пиксо (.ttf)

@IISergey 3 месяца назад

Не плохой плагин для фигмы "React Native Styling Inspector", все наглядно.

@user-gl7ze4gt8f 4 месяца назад

Грядет монетизация и фигма не исключение :))))

@jojobliz 4 месяца назад

А я сегодня проснулся и офигел что не так

@annblok_webdev 4 месяца назад

Предупреждения ранее в фигме не высвечивалось?

@user-xx8qb2nx3s 4 месяца назад

Так как же правильно называть переменные??? ))

@Burgermangimmy 3 месяца назад

a, b, c и далее по алфавиту

@SergiyPolar 4 месяца назад

😂 я год уже юзаю pixso

@WERWOLION 4 месяца назад

прем в фигме будет покупать заказчик,а не разработчик. хотя пиксо очень не плох

@Serehajsss 4 месяца назад

А зачем спонсировать их?

@Anodoree 4 месяца назад

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

@annblok_webdev 4 месяца назад

Мне тоже копирование из DevMode не зашло, лучше Ctrl+C и Ctrl+V всё равно ничего нет

@unicoxr5tj417 4 месяца назад

Анька красивая

@OlibanumElectum 2 месяца назад

🍇

@layjons5518 4 месяца назад

Я бы купил подписку на фигму но проблема в том что надо учит учеников я вот только научил ученикам своим фигму теперь надо учит pixso

@annblok_webdev 4 месяца назад

Да, тоже буду теперь рассказывать про новые нюансы в обновлённой программе в феврале

@olegshubaly3423 Месяц назад

Лучший бесплатный аналог Dev Mode - это плагин Inspect Styles для Figma.

@dmitriyradish3448 3 месяца назад

От монетизации не убежишь.. Стоит только Пиксо набрать какую-то весомую аудиторию, она тоже станет платной. Бегать с одного ПО на другое каждые 2 года тоже такое себе удовольствие...

@monolit-8346 4 месяца назад

Врятли фигма будет принимать платежи из россии

@Serehajsss 4 месяца назад

Это её проблема. Примет значит тот, кто сможет 😉

@MishaWS 4 месяца назад

@@Serehajsss 😁

@Roman4ik145 4 месяца назад

Фигма недостойна получать деньги российских платежеспособных умных граждан

@zmmr013 4 месяца назад

@@Roman4ik145 Только почему-то российские умные граждане свою то фигму не осилили сделать. Птздят у НАТО или китайцев. Лишь бы на халяву. Хз где тут достоинство...

@daniilkonechny8363 4 месяца назад

Никто ничего не п*здит, мыв пользуемся готовыми решениями. А в плане почему бы не создать, согласен с вами @@zmmr013

@gornavin5946 3 месяца назад

Сейчас народ переедет в Pixo, устроится, обоии наклеит, а потом хозяева опять его Фотошопу продадут, а эти новые хозяева очень деньги любят. Сначала свистели, что фигма останется бесплатной. Но не долго музыка играла. Теперь в полночь фигма превратиться в тыкву и только с помощью волшебной подписки ее можно будет оживить. Или искать тетю фею флагом "веселого Роджера". Иначе искать аналоги и снова переезды. Скоро наверно и воздух по подписке булут продавать. И это при том, что в век ИИ многими так не сладко

@oldiBerezkoo 4 месяца назад

в pixso devmode пока мусор, максимум чего полезно это размеры или типография. В figma допустим если выбрал меню он показывает как можно сделать через flex а тут только static или absolute.

@Burgermangimmy 3 месяца назад

Учи верстку лучше, иначе станет бомжом

@oldiBerezkoo 3 месяца назад

@@Burgermangimmy А причём здесь это? Я знаю вёрстку но с помощью фигмы можно её ускорить

@alyu6351 Месяц назад

Ща все дтзайнеры побросают Фигму

@user-mu5ru2xl9n 4 месяца назад

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

@andrew-pro85 4 месяца назад

Честно говоря, мне хватает обычного режима для верстки.)) Хотя сейчас DevMode не включается при клике мышью, а вот сочетанием клавиш Shift+D включается)

@Burgermangimmy 3 месяца назад

Не ври

@MegoPadlik 4 месяца назад

Само приложение не понравилось, оно вроди +- такое, только более глючное и менее оптимизировано по нагрузке на компьютеры, особенно слабенькие офисные. Чувакам еще работать и работать.

@annblok_webdev 4 месяца назад

Проблем с оптимизацией не заметила. В чем оно выражается?

@user-wu1oz9jy7b 4 месяца назад

ку

@Burgermangimmy 3 месяца назад

рлык 🐓🐔

@alekseevich_psk 4 месяца назад

Фигма, давай до свидание.

@alekseevich_psk 4 месяца назад

Кстати, в пиксо можно импортировать по урл из фигмы. Когда с вами делятся проектом.

@lapotkoden 4 месяца назад

Как корабль назовёшь, так он и поплывёт. Фигме фиг, а не подписка.

@Burgermangimmy 3 месяца назад

Фиг твоей mommy

@pavelkubin1541 4 месяца назад

Я один прочитал, вместо Picxo Психо?

@Roman4ik145 4 месяца назад

Фанат фильма?

@pavelkubin1541 4 месяца назад

@@Roman4ik145 Нет, не фанат. Но как бы классика. Я его смотрел один раз, да и то не до конца. Но данный фильм является культурным феноменом, плотно осевшем в массовой поп культуре. Может отсюда и реакция