🔥 4 способа включить DEV MODE в Figma и не только

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 96

  • @m_mariya_mari
    @m_mariya_mari 11 месяцев назад +9

    Спасибо за информацию. Актуально, как никогда 👍

  • @Anweekey
    @Anweekey 5 месяцев назад +3

    Пришел за поиском одной проблемы, узнал про pixso и забыл про проблемы с фигмой. Спасибо, Аня.

  • @maxgraph
    @maxgraph 11 месяцев назад +18

    Блин, а transform: rotate(-0deg) это странно в Inspect Styles. Пофикшу этот баг :) Спасибо за рекомендацию

    • @ya.siddik
      @ya.siddik 11 месяцев назад +11

      спасибо за плагин 🎉

    • @SergiyPolar
      @SergiyPolar 11 месяцев назад +2

      А вот и автор объявился :-) Здравствуй, добрый человек 😊

    • @КристинаМищенко-з1м
      @КристинаМищенко-з1м 11 месяцев назад

      Спасибо за плагин) Очень выручил

    • @ya.siddik
      @ya.siddik 11 месяцев назад

      если добавите возможность копирования выделенного текста, будет вообще топчик😁

    • @ДмитрийИзвеков-с6о
      @ДмитрийИзвеков-с6о 11 месяцев назад +1

      Спасибо за плагин! А есть ли вариант вызывать плагин горячими клавишами? Чтобы было удобно пользоваться и окно всё время не было на экране.

  • @Шалун-н9щ
    @Шалун-н9щ 11 месяцев назад +2

    pixso имба. работаю второй день . практически тоже самое что и фигма. Вот когда я переходил с авакода на фигму было гораздо больнее. Спасибо за видео Анна! :)

  • @d-mass-32
    @d-mass-32 11 месяцев назад +1

    Спасибо за рекомендацию плагина! Вчера сам пытался перебирать и искать - всё туфта, а этот - огонь! Весьма удобно и практично 😎👍

  • @konstantinberejnoy3362
    @konstantinberejnoy3362 11 месяцев назад +3

    Со 100 тысячами вас! 👍

  • @MaksimMaksim_1
    @MaksimMaksim_1 11 месяцев назад +3

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

  • @ЕкатеринаАвхимович-с2и
    @ЕкатеринаАвхимович-с2и 11 месяцев назад +3

    Спасибо за видео! Перешла на Pixso. Всё нужное пока там есть (в том числе открывает нужные форматы) и работает быстрее. Попробовала плагин. Информативно, но неудобно таскать вечно мешающееся окно. Интересно узнать и про переменные, так как я новичок в мире вёрстки. 😊

  • @aleksandrsegal5531
    @aleksandrsegal5531 11 месяцев назад

    Наконец вы сказали про inspect styles! Это быстрое и безусловно лучшее решение! Можно еще отключить кастомные стили.

  • @Serehajsss
    @Serehajsss 11 месяцев назад +2

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

  • @КарлВеликий-д1ф
    @КарлВеликий-д1ф 11 месяцев назад +2

    С днём рождения❤🎉

  • @ВладимирСокол-х4у
    @ВладимирСокол-х4у 11 месяцев назад +1

    Аня, спасибо за данное видео.
    Надеюсь ты скоро получишь кнопку ютуба))

    • @TheEmeric
      @TheEmeric 8 месяцев назад

      их все еще в рф высылают?

  • @wizardoflightnings6841
    @wizardoflightnings6841 11 месяцев назад +2

    Спасибо, круто!

  • @АндрейШтольц-л4ю
    @АндрейШтольц-л4ю 11 месяцев назад +1

    Спасибо за информацию!

  • @mxerf_
    @mxerf_ 11 месяцев назад +4

    Ну, вообще, я подметил то, что svg код можно увидеть в меню слева не просто так)
    Акцент был на том, что можно увидеть атрибуты, в целом составные части вектора прежде, чем скопировать. В комментарии ведь так и написано. «Увидеть исходный код». А не скопировать. Функция копирования через слои - это не новшество.
    Но автору все равно спасибо за пояснение. Нечасто вижу тех, кто хоть как-то реагирует на свою аудиторию. А тут я аж в видео попал)🤣

  • @encanto3356
    @encanto3356 11 месяцев назад +1

    Спасибо за полезную информацию.

  • @ИгорьГлазков-с1б
    @ИгорьГлазков-с1б 11 месяцев назад +1

    Анна как всегда на высоте.

  • @milkiway6754
    @milkiway6754 11 месяцев назад +1

    поздравляю вас с 100к подписчиков!!!))))

  • @IgorBobyrev
    @IgorBobyrev 11 месяцев назад +4

    Уже перешел на Пиксо и перевел все свои файлы. Огромное спасибо, Анна, что выручаете нас!
    Это очень забавно выглядит - полная копия Фигмы! И даже работает быстрее!

  • @ЗейналШаусейнов
    @ЗейналШаусейнов 11 месяцев назад +1

    Есть один момент про которую очень мало кто знает и заметили. Фильтр свойство блюр который применяется и в значении скажем установлен 10 а в режиме dev mode будет 5. И визуально будет блюр на 5. Всегда два раза меньше. И ни один плагин и другие сервисы это не покажут. Просто задайте свойство блюр и посмотрите в дев моде и без дев мод увидите

  • @Storos
    @Storos 10 месяцев назад

    По поводу переменных, не пойму, Анна, что плохого в простоте? Типа --yellow или --yellow-color?

  • @amriddindavlatov110
    @amriddindavlatov110 11 месяцев назад +1

    Спасибо за инфу

  • @ОляГостева-с1и
    @ОляГостева-с1и 11 месяцев назад

    Отличный видос.. Ждём новых

  • @IgorBobyrev
    @IgorBobyrev 11 месяцев назад +10

    Да, это видео тоже такое же интересное.:) Ну, конечно 4-й способ - самый удобный! :)
    Да, плюсую за будущий рассказ о переменных !

    • @ИванПомидоров-н3н
      @ИванПомидоров-н3н 11 месяцев назад +1

      Как он может быть удобным, когда он не даёт информации о расстояниях между элементами?

    • @IgorBobyrev
      @IgorBobyrev 11 месяцев назад

      @@ИванПомидоров-н3н Тук-тук?

    • @serdzhius
      @serdzhius 11 месяцев назад

      @@ИванПомидоров-н3н Да почему-то про этот минус никто не говорит хотя он очевидный, но померить можно - делаешь клик по объекту от которого ты хочешь измерить расстояние (он должен быть выбранным) нажимаешь Alt и ведешь курсор до интересующего объекта и узнаешь расстояние + вариант с прямоугольником клавиша R и линия клавиша L.

    • @Audjbay
      @Audjbay 11 месяцев назад

      в 4-м методе есть одна большая проблема - плагины доступны только если есть право на редактирование или дев мод
      в простом режиме просмотра плагины не запускаются
      а если есть право на редактирование - есть и дев мод, зачем этот плагин?

    • @IgorBobyrev
      @IgorBobyrev 11 месяцев назад

      @@serdzhius а как еще можно было узнать, в DevMode - паддинги смотреть?

  • @Roman4ik145
    @Roman4ik145 11 месяцев назад

    Оооофиииигеть, про 3 и 4 способа не знал от слова совсем. Пошел говорить дизайнеру, чтобы пошел делать норм аккаунт, а я пока на четвертом посижу.

    • @Serehajsss
      @Serehajsss 11 месяцев назад +1

      Я когда такое дизайнеру сказал, он меня отправил куда подальше((( Надеюсь, его уволят

    • @Roman4ik145
      @Roman4ik145 11 месяцев назад

      @@Serehajsss держим кулачки за это!

  • @Eugene-Dremin
    @Eugene-Dremin 11 месяцев назад

    В Pixco все хорошо, но я не нашел как выгрузить оригинал изображения!...?

  • @ANDRIIPERSHKO
    @ANDRIIPERSHKO 5 месяцев назад

    inspect style буду використовувати, дякую!

  • @Ivan56792
    @Ivan56792 11 месяцев назад

    Inspect Styles долго грузит стили при выборе элемента

  • @adm93rus
    @adm93rus 11 месяцев назад

    Интересно, как правильно обозначать переменные цветов

  • @nasgard-x2l
    @nasgard-x2l 11 месяцев назад

    А с ВПН будет работать ?

  • @edgarbadalyan3885
    @edgarbadalyan3885 11 месяцев назад +5

    есть полностью бесплатный и опенсорсный Penpot, отличный инструмент и в перспективе может полностью заменить фигму.

    • @travel-agency2383
      @travel-agency2383 11 месяцев назад +1

      а потом стать платным😂

    • @enterkvas
      @enterkvas 3 месяца назад

      как и pixso, как наберет аудиторию

  • @ssr.1989
    @ssr.1989 11 месяцев назад +2

    Пиксо и инспект Стайлс пользуюсь.

  • @Александр-д8о9р
    @Александр-д8о9р 11 месяцев назад

    а если я допустим хочу именно фигму? Я вообще не могу разобраться. Нажима get dev mode , а мне выдает no team user. Что нужно сделать?

    • @DmitriySav
      @DmitriySav 9 месяцев назад

      фигма стала платной - теперь только платить

  • @AlexGord-n3t
    @AlexGord-n3t 11 месяцев назад

    у меня Пиксо ПО пишет ограничение в 100мб и не открвает фиг-макет. я так понимаю можно пользоваться только онлайн версией?

    • @Eugene-Dremin
      @Eugene-Dremin 11 месяцев назад

      ну или приложение на ПК

    • @AlexGord-n3t
      @AlexGord-n3t 11 месяцев назад

      @@Eugene-Dreminя же написал - что ПО (програмное обеспечение - soft? программа) ограничение 100мб . у Вас нетак? значит у вас не фри версия

  • @servera-center
    @servera-center 11 месяцев назад

    Почему в pixso Не работает контр с?

  • @Andrew-hv2gt
    @Andrew-hv2gt 11 месяцев назад

    Как в pixso импортировать psd файл?

  • @гузелькулукаева
    @гузелькулукаева 11 месяцев назад +1

    Кто-нибудь может мне объяснить истерию по поводу отсутствия Dev mod?
    Тип шрифта, размер, толщину и цвет в панели дизайна без проблем посмотреть, а уж в CSS эти свойства не должны затруднения вызвать.
    Ширина, высота объекта, отступы, тоже не требуют для просмотра спец дополнений.

    • @travel-agency2383
      @travel-agency2383 11 месяцев назад

      посмотреть можно. и пальчиками каждый в css прописывать ...
      все как в былые времена в фотошопе.
      и оригинальные фото в папочке дизайнер передавал....
      от чего счастливо избавились.
      а dev mode - копируй весь блок параметров и вставляй за 1 сек
      включая фильтры и градиенты.
      в 10 раз ьыстрее верстался любой макет.

  • @IgorBobyrev
    @IgorBobyrev 11 месяцев назад

    Леттерспейсинг всегде в Емах указывается. не знаю почему. Как-то ставил в рем - выдавало ошибку

    • @Serehajsss
      @Serehajsss 11 месяцев назад

      Вообще их можно на калькуляторе посчитать, относительно HTML, но согласен, что это муторно очень

    • @yurok1991
      @yurok1991 11 месяцев назад

      @@Serehajsssда это 💩

  • @Storos
    @Storos 10 месяцев назад

    В Pixso тоже иногда шрифты сыпятся, кстати

  • @got_sin
    @got_sin 11 месяцев назад +1

    Капец, всю жизнь занимался дизайном, и до Дев мода дела особого не было. Но стоило мне начать писать на iOS, то эта штука стала платной.

    • @annblok_webdev
      @annblok_webdev  11 месяцев назад

      Для просмотра данных по iOS чуть сложнее, но может тоже есть плагины-аналоги?

    • @МаксимКузмин-у9б
      @МаксимКузмин-у9б 10 месяцев назад

      ​@@annblok_webdev как сделать такую панель вверху как у вас у фигма,?

  • @Burgermangimmy
    @Burgermangimmy 11 месяцев назад +2

    У меня Dev Mode как работал до 1 февраля, так и продолжает работать. Не понимаю чо за кипишь.

    • @computercomputer3293
      @computercomputer3293 11 месяцев назад +2

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

    • @Burgermangimmy
      @Burgermangimmy 11 месяцев назад

      @@computercomputer3293 ничего не переношу ни на кого, просто пишу, что не понятен суть нытья вокруг девмода

    • @libertarian3402
      @libertarian3402 11 месяцев назад

      ну радуйтесь, со дня на день отключат)

    • @Burgermangimmy
      @Burgermangimmy 11 месяцев назад

      @@libertarian3402 пока работает

  • @FrankyyBalboa
    @FrankyyBalboa 10 месяцев назад

    plugin inspect не работает. можно этот варик удалять из обзора!

  • @ratiotribus6271
    @ratiotribus6271 11 месяцев назад

    скачал mockplus нет там импорта в фигму

    • @annblok_webdev
      @annblok_webdev  11 месяцев назад +1

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

    • @ratiotribus6271
      @ratiotribus6271 11 месяцев назад

      @@annblok_webdev да действительно я перешел по ссылке rt а надо было dt, спасибо, может еще подскажите как вам удалось макет из фигмы загрузить в mockplus?

    • @annblok_webdev
      @annblok_webdev  11 месяцев назад +1

      @@ratiotribus6271на главной странице после авторизации, этот момент показан в видео

  • @jekakavaltchuk2714
    @jekakavaltchuk2714 9 месяцев назад

    в Inspect Styles видимо обновили, и теперь бесполезная вещь

  • @walterwhite4407
    @walterwhite4407 11 месяцев назад +1

  • @nicksos6
    @nicksos6 11 месяцев назад

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

  • @servera-center
    @servera-center 11 месяцев назад

    инстаилс там есть rem

  • @Vitalikzzzz
    @Vitalikzzzz 11 месяцев назад +1

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

    • @Burgermangimmy
      @Burgermangimmy 11 месяцев назад

      видел что он уже отметился в комментах

  • @recodeliner1673
    @recodeliner1673 10 месяцев назад

    Pixsco даже не сохраняет пароли в десктопе, неприятный

  • @rahimibadov2940
    @rahimibadov2940 11 месяцев назад

    You look like a doll

  • @XOMYTOB
    @XOMYTOB 9 месяцев назад

    90% видео вода

  • @d_arakel
    @d_arakel 11 месяцев назад +1

    Mockplus дохлый проект...

  • @Jaaaaaamp
    @Jaaaaaamp 11 месяцев назад +12

    ахахах как уже надоели эти видео, кому надо тот найдем сам)) мы же программисты, а не дизайнеры)

    • @rar24
      @rar24 11 месяцев назад +4

      у тебя 40 часов в сутках видимо

  • @EvgenOl
    @EvgenOl 11 месяцев назад

    Ой бесят вот эти названия цветов в дизайне! Можно я, как верстльщик сам решу нужны ли мне цвета в переменных и как их назвать. Оставьте цвет просто цветом, вы только мешаете своей самодеятельностью.

  • @yurok1991
    @yurok1991 11 месяцев назад

    Кто-нибудь пригласите меня в учебный team 🫶

    • @Roman4ik145
      @Roman4ik145 11 месяцев назад

      Мой дизайнер если и сделает, то зажмотит кому то доступ давать