🔥 4 способа включить DEV MODE в Figma и не только
HTML-код
- Опубликовано: 26 июл 2024
- 🔥 Запишись на обновлённые курсы по вёрстке сайтов со скидкой до 20% - forms.gle/xohyvFcoCPjhWtez9
🗓️ Старт обучения: 12 февраля 2024
• ЭТО уничтожит Figma - ...
• ❌ Figma закрывает DevM...
🔵 Наш TG-чат - t.me/frontendblokchat
🔴 Поддержи канал на Boosty: boosty.to/annblok
Таймкоды:
00:00 Метод №1
00:45 Скидка на обучение
01:52 Метод №2
05:52 Метод №3
06:52 Метод №4
🔵 Telegram - t.me/frontendblok
🔵 Чат Telegram - t.me/frontendblokchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔴 Обучение - frontendblok.com - Развлечения
Спасибо за информацию. Актуально, как никогда 👍
Спасибо за информацию!
Спасибо, круто!
Спасибо за полезную информацию.
Спасибо за рекомендацию плагина! Вчера сам пытался перебирать и искать - всё туфта, а этот - огонь! Весьма удобно и практично 😎👍
Спасибо за инфу
Аня, спасибо за данное видео.
Надеюсь ты скоро получишь кнопку ютуба))
их все еще в рф высылают?
поздравляю вас с 100к подписчиков!!!))))
Спасибо! 🙌
Отличный видос.. Ждём новых
Со 100 тысячами вас! 👍
Спасибо! ❤
Анна как всегда на высоте.
Наконец вы сказали про inspect styles! Это быстрое и безусловно лучшее решение! Можно еще отключить кастомные стили.
С днём рождения❤🎉
Блин, а transform: rotate(-0deg) это странно в Inspect Styles. Пофикшу этот баг :) Спасибо за рекомендацию
спасибо за плагин 🎉
А вот и автор объявился :-) Здравствуй, добрый человек 😊
Спасибо за плагин) Очень выручил
если добавите возможность копирования выделенного текста, будет вообще топчик😁
Спасибо за плагин! А есть ли вариант вызывать плагин горячими клавишами? Чтобы было удобно пользоваться и окно всё время не было на экране.
pixso имба. работаю второй день . практически тоже самое что и фигма. Вот когда я переходил с авакода на фигму было гораздо больнее. Спасибо за видео Анна! :)
Про пиксо узнал от тебя, про мокплюс тоже не слышал, но по видео показалось, что это какой-то аналог. Теперь задумался, чтобы сделать себе учебный аккаунт, а параллельно использовать плагин. Спасибо!!!!!
запиши пожалуйста видео "как правильно обозназначать переменные".
Спасибо за видео! Перешла на Pixso. Всё нужное пока там есть (в том числе открывает нужные форматы) и работает быстрее. Попробовала плагин. Информативно, но неудобно таскать вечно мешающееся окно. Интересно узнать и про переменные, так как я новичок в мире вёрстки. 😊
Пиксо и инспект Стайлс пользуюсь.
Ну, вообще, я подметил то, что svg код можно увидеть в меню слева не просто так)
Акцент был на том, что можно увидеть атрибуты, в целом составные части вектора прежде, чем скопировать. В комментарии ведь так и написано. «Увидеть исходный код». А не скопировать. Функция копирования через слои - это не новшество.
Но автору все равно спасибо за пояснение. Нечасто вижу тех, кто хоть как-то реагирует на свою аудиторию. А тут я аж в видео попал)🤣
Да, это видео тоже такое же интересное.:) Ну, конечно 4-й способ - самый удобный! :)
Да, плюсую за будущий рассказ о переменных !
Как он может быть удобным, когда он не даёт информации о расстояниях между элементами?
@@user-wj4pc7te1j Тук-тук?
@@user-wj4pc7te1j Да почему-то про этот минус никто не говорит хотя он очевидный, но померить можно - делаешь клик по объекту от которого ты хочешь измерить расстояние (он должен быть выбранным) нажимаешь Alt и ведешь курсор до интересующего объекта и узнаешь расстояние + вариант с прямоугольником клавиша R и линия клавиша L.
в 4-м методе есть одна большая проблема - плагины доступны только если есть право на редактирование или дев мод
в простом режиме просмотра плагины не запускаются
а если есть право на редактирование - есть и дев мод, зачем этот плагин?
@@serdzhius а как еще можно было узнать, в DevMode - паддинги смотреть?
Интересно, как правильно обозначать переменные цветов
В Pixco все хорошо, но я не нашел как выгрузить оригинал изображения!...?
По поводу переменных, не пойму, Анна, что плохого в простоте? Типа --yellow или --yellow-color?
Оооофиииигеть, про 3 и 4 способа не знал от слова совсем. Пошел говорить дизайнеру, чтобы пошел делать норм аккаунт, а я пока на четвертом посижу.
Я когда такое дизайнеру сказал, он меня отправил куда подальше((( Надеюсь, его уволят
@@Serehajsss держим кулачки за это!
А с ВПН будет работать ?
Почему в pixso Не работает контр с?
Как в pixso импортировать psd файл?
Inspect Styles долго грузит стили при выборе элемента
Есть один момент про которую очень мало кто знает и заметили. Фильтр свойство блюр который применяется и в значении скажем установлен 10 а в режиме dev mode будет 5. И визуально будет блюр на 5. Всегда два раза меньше. И ни один плагин и другие сервисы это не покажут. Просто задайте свойство блюр и посмотрите в дев моде и без дев мод увидите
Уже перешел на Пиксо и перевел все свои файлы. Огромное спасибо, Анна, что выручаете нас!
Это очень забавно выглядит - полная копия Фигмы! И даже работает быстрее!
В Pixso тоже иногда шрифты сыпятся, кстати
а если я допустим хочу именно фигму? Я вообще не могу разобраться. Нажима get dev mode , а мне выдает no team user. Что нужно сделать?
фигма стала платной - теперь только платить
у меня Пиксо ПО пишет ограничение в 100мб и не открвает фиг-макет. я так понимаю можно пользоваться только онлайн версией?
ну или приложение на ПК
@@user-sj1ix8qf4yя же написал - что ПО (програмное обеспечение - soft? программа) ограничение 100мб . у Вас нетак? значит у вас не фри версия
есть полностью бесплатный и опенсорсный Penpot, отличный инструмент и в перспективе может полностью заменить фигму.
а потом стать платным😂
Леттерспейсинг всегде в Емах указывается. не знаю почему. Как-то ставил в рем - выдавало ошибку
Вообще их можно на калькуляторе посчитать, относительно HTML, но согласен, что это муторно очень
@@Serehajsssда это 💩
You look like a doll
plugin inspect не работает. можно этот варик удалять из обзора!
инстаилс там есть rem
Спасибо
Капец, всю жизнь занимался дизайном, и до Дев мода дела особого не было. Но стоило мне начать писать на iOS, то эта штука стала платной.
Для просмотра данных по iOS чуть сложнее, но может тоже есть плагины-аналоги?
@@annblok_webdev как сделать такую панель вверху как у вас у фигма,?
скачал mockplus нет там импорта в фигму
Возможно, вы ошиблись ссылкой, у них есть несколько похожих продуктов, но в одном нет импорта и dev mode, а в другом есть. Попробуйте пройти по тому же домену и поддомену, что у меня в видео.
@@annblok_webdev да действительно я перешел по ссылке rt а надо было dt, спасибо, может еще подскажите как вам удалось макет из фигмы загрузить в mockplus?
@@ratiotribus6271на главной странице после авторизации, этот момент показан в видео
Кто-нибудь может мне объяснить истерию по поводу отсутствия Dev mod?
Тип шрифта, размер, толщину и цвет в панели дизайна без проблем посмотреть, а уж в CSS эти свойства не должны затруднения вызвать.
Ширина, высота объекта, отступы, тоже не требуют для просмотра спец дополнений.
посмотреть можно. и пальчиками каждый в css прописывать ...
все как в былые времена в фотошопе.
и оригинальные фото в папочке дизайнер передавал....
от чего счастливо избавились.
а dev mode - копируй весь блок параметров и вставляй за 1 сек
включая фильтры и градиенты.
в 10 раз ьыстрее верстался любой макет.
У меня Dev Mode как работал до 1 февраля, так и продолжает работать. Не понимаю чо за кипишь.
А у меня например сегодня уже не работает, денег просят.
Так что.не стоит личный опыт переносить на всех
@@computercomputer3293 ничего не переношу ни на кого, просто пишу, что не понятен суть нытья вокруг девмода
ну радуйтесь, со дня на день отключат)
@@libertarian3402 пока работает
в Inspect Styles видимо обновили, и теперь бесполезная вещь
Ну хоть бы упомянула Макса который плагин сделал,он все таки работу провел большую
видел что он уже отметился в комментах
как же форсят этот инспект стайлс, ни черта там нет как в дев моде, раздули
Pixsco даже не сохраняет пароли в десктопе, неприятный
Mockplus дохлый проект...
90% видео вода
ахахах как уже надоели эти видео, кому надо тот найдем сам)) мы же программисты, а не дизайнеры)
у тебя 40 часов в сутках видимо
Ой бесят вот эти названия цветов в дизайне! Можно я, как верстльщик сам решу нужны ли мне цвета в переменных и как их назвать. Оставьте цвет просто цветом, вы только мешаете своей самодеятельностью.
Кто-нибудь пригласите меня в учебный team 🫶
Мой дизайнер если и сделает, то зажмотит кому то доступ давать