Figma теперь в VS Code???

[@Alexandr_Zavgorodniy]

Бесполезный плагин как по мне, только место занимает на экране которого порой и так не хватает. У меня, например, висикод (я его порой так "ласково" называю :) ) разделен на две области по вертикали - в одной html, в другой css и иногда хочется чтобы была третья, а то и четвертая где были бы открыты другие файлы (особенно когда пишешь модули в js). Хотите удобства, работайте на трех мониторах - на одном макет, на другом код, на третьем браузер с лайв сервером.

[@ВячеславМоргун-ф6с]

И смотришь такой влево... вправо... посередине... опять влево... хм... а где курсор???😅

[@Alexandr_Zavgorodniy]

@@ВячеславМоргун-ф6скурсор всегда можно найти нажав ctrl (предварительно включив эту настройку) :) Правда я ни разу еще его не терял :)

[@AlexViennaDJ]

Спасибо за видео. Хоть я и работаю с Фигмой когда приходится верстать, но от плагина каких-то плюсов не увидел.

[@Guitar8202]

Брр веб-фронтенд, это когда ты чуть чуть программист, чуть-чуть дизайнер :)

[@DanRed57]

хех)

[@CityGorsk]

Я не успеваю узнавать о всех новинках и разработках и только из вашего сегодняшнего ролика, я узнал об этом обновлении мода Figma и выпуске нового плагина.

[@Youtuber__I]

спасибо за подробный обзор програмы , все детально показали

[@maratisaev6331]

О спасибо буду теперь знать. У вас здесь действительно нужная и полезная информация.

[@cooperanderson8651]

Эта новость меня прям порадовала. Чтоже дальше? Может быть фотошоп оптимизируют?

[@ИгорьКукуруза-г7д]

Интересно, что будем делать, когда devmode станет платным?

[@dmitriyobidin6049]

Не использовать.

[@Ai_vengo]

Использовать Pixso конечно же

[@dimendroider7550]

​@@Ai_vengo😮

[@VladislavGolik]

Этот плагин подобен добавлению колес к педалям на велосипед. Он может помочь усложнить верстальщику работу. Дизайнер сможет увидеть в какой программе может работать верстальщик. Он понадобится если нужно увеличить трудочасы.

[@nereonneo]

Очень хорошо придумали, осталось доработать

[@geldelian]

потом сделают платным очень хорошо придумали

[@nereonneo]

@@geldelian лол как бы за удобство надо платить, вся экономика построена на этом чел

[@geldelian]

@@nereonneo я и говорю очень хорошо придумали

[@mk3mk3mk]

Я не понял, как Вы открываете Ваших фигмовских файлов? Я установил плагин в VS Code, у меня появились мои фигмовские файлы в VS Code. Но как редактировать их с помощью кода, не пойму. Они у меня нарисованы с помощью компонентов. Я не могу найти, как открыть мои фигмовские файлы для редактирования их кодом. Чтобы были файлы HTML, CSS. Я конечно могу экспортировать из фигмы в HTML. Но это будет просто отдельный файл на компьютере, который не будет привязан к фигме.

[@DenisLebedev8]

Осталось понять, что такое Figma и зачем она мне в VS Code.

[@ИринаСороколетова-г9л]

У меня не получилось подключиться к фигме. При открытти файла в VS Code, фигма запрашивает режим разработчика, далее переводит в браузер, где предлагает его приобрести за 12 долларов...

[@annblok_webdev]

Всё верно, с начала 2024 года Dev Mode перестал работать в бета-режиме и стал платным

[@Леонид-с5з]

А как у вас код в левой части VS Code отобразился или это вы его скопировали из Фигмы? У меня отображается только макет в правой части. И как можно скачать весь код целиком, а не отдельными блоками? В приложении Figma и в VS Code я увидел только блоками. А инспектор кода отображает только всю страницу целиком в виде элемента canvas.

[@НоунеймАноним-ю1я]

Ооо это очень крутая новость, люблю программирование

[@arttur1672]

Начало хорошее, а там посмотрим. Спасибо за видео. Анна скинь ссылку на группу по прокачке LinkedIn

[@sartjhon3300]

Тот случай когда разработчику пошагово объясняют как установить плагин вскод

[@katenka_katrusya]

Я тоже плагин не заценила. По поводу фиксированных значений - это же и в самом приложении точно так же, всё никогда не используешь. И то, что будет потом платно - фиаско)). Есть плагин для фигмы, который работает по типу dev mode, только ещё с дополнительными плюшками. Но я предполагаю, что после того, как фигма станет платной, то плагины подобные будут удаляться или ещё что, иначе все будут ими пользоваться и не оплачивать подписку. Спасибо за видео

[@Tip24rus]

Не знаю, пока что намного удобнее использовать на втором мониторе фигму с dev модом, чем использовать плагин, а вместо предложенных fz и т.п , просто копировать их с фигмы

[@annblok_webdev]

Мне тоже так показалось. Только понравилось, что стили подтягиваются в CSS. В остальном лучше отдельно открытое приложение.

[@Tip24rus]

@@annblok_webdev кстати, стоило ещё рассказать, что из коробки у фигмы в дев моде есть возможность автоматически сгенерировать как html, так и react код

[@АнтонПетренко-и1ц]

Спасибо за искрометный юмор

[@farmlingarchontas2216]

Не плохо, не плохо поработали. У меня не было никаких проблем с ним. Но спасибо за предупреждение.

[@BazliMax]

Спасибо за обзор, интересно

[@Ohotnikzlat]

А есть аналогичные плагины выпаполняющие эту же функцию?

[@ИгорьМакухин-й5ь]

Для андроид студио не сделали плагин? Лень в VS Сode разбираться))

[@fiaskomen8320]

надо будет проверить этот новы плагин, получиться ли у меня как вы это сделали. Посмотрю.

[@misza_4638]

С такой подробной инструкцией должно всё получиться

[@spllit9212]

У меня одного при открытии макета из этого плагина он открывается в браузере?

[@Magic_key900]

ого, прикольная интеграция. Надо опробовать.

[@Shizyoo]

Я правильно понимаю, что данный плагин будет работать только с платной версией dev mode в Фигме с 2024 года?

[@Лысый-Мамонт]

Полезно. Спасибо! Насколько помню данный функционал был разработан Dreamweaver в 2019. Учитывая ^MAUI^от майкрософт есть ли смысл в этом на данный момент?

[@vitalya.9658]

Пора покупать ПК с охлаждением на жидком азоте

[@БогданКушнір-к5ы]

Блогеры, небольшие предприятия и компании из списка Fortune 500 используют WordPress чаще, чем все остальные решения конкурентов вместе взятые.

[@911allcausticcamera9]

Ничего не пропускаю и самое новое в айти мне у вас легче всего получать

[@user-Pk1id7rozd]

Спасибо за интересное видео!🔥👍

[@jmol1003]

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

[@Ruckus1986]

Чистота и простота кода всегда будет востребована

[@alexx_2023]

Какая прекрасная девушка! Какой полезный материал и прекрасная подача! Пошел ставить плагин. А, ну конечно же 100000 лайков и подписка🥰🥰🥰

[@ДанилЕкимов-щ4п]

Сохранение изображений работает правильно, не вижу проблемы

[@gaben_aTan]

Красивая девушка. И хорошая подача матерьяла 😊

[@MrSlavjon]

а что за плагин для сохранения изображений?

[@BayOneTee]

Не актуально без доступа к дев моду.

[@STELLS541]

Йода зачётный))

[@sergeymickolaenko1161]

Спасибо что более подробно рассказали об этом плагине 👍💯

[@alexschaus1909]

Спасибо за хорошее интересное видео просмотрел с удовольствием удачи вам во всём.

[@nh42so42]

все делаю с ноутбука. экран маленький. альт таб выручает. перещелкиваться между экранами куда более приятно т.к. приложение развернуто будет на весь экран. фигма конечно крутой инструмент, но последнее обновление я только ругаю и плююсь. если раньше все было интуитивно понятно, ты на одной вкладке можешь изменять все что хочешь, а с другой брать информацию о размерах и прочему, то теперь какой-то мод непнятный, когда я начал работаь с проектом, то плагины отказываются работать. мне лень во все это вникать, знать инструмент с которым работаешь здорово, но мне, как верстальщику, все это только палки в колеса. например фонт фасция - которое показывает тебе, какие шрифты использованы в файле, ты видишь все шрифты, хочешь посмотреть его font-weight, а нет, переходи в этот сраный мод, смотри, запоминай. хочешь посмотреть другой? ха-ха, выходи из мода, запускай плагин, переходи на элемент, снова входи в мод и смотри. есть такая чуйка, что с такими обновлениями psd макеты выйдут на передний план

[@annblok_webdev]

Полагаю, этот переключатель сделали специально, чтобы после ввода платных тарифов (2024 год) всплывал баннер «купи подписку».

[@ЮліяСкоромна-ю5ы]

Полезное видео. Спасибо

[@Fgu-ynP-3vbzI-56]

Какая вы умница и красавица!!!

[@АртемКа-в3к8й]

Чувствуется, что кушает ресурсы. У кого меньше 8 гиг оперативы, это ощущается. Спасибо за видос)

[@annblok_webdev]

У меня 16GB и ситуация не лучше, но там явно не доработана оптимизация

[@Edgar-pu1lc]

Приложение тоже жрет много, у меня тоже 16 оперативки, но лагает иногда

[@PlaceTickets]

@@annblok_webdev Похоже у Вас ноут, иначе оператива дешовая и поставить можно легко. Подскажите пожалуйтса. Я так и не понял как открыть вкладку с CSS, у меня открывается вкладка с рисунком Фигмы, а CSS нет.

[@ДмитрийС-ю8ц]

Как всегда узнал для себя много нового после просмотра вашего видео.

[@VitaliyRemi]

по мне так не плохо!)

[@soulwind7577]

Ну фишка прикольная, но как по мне не стоит времени. Половина стилей как правило не валидны, а переменные либо названы по другому + не факт что оно в scss нормально отработает. Бесплатно еще можно, но платить за такой функционал 25$ в мес я так понял, такое себе.

[@mental_sketches]

vermilion, как пасхалочка?

[@mystreetlifting76]

Неужели за пять недель можно научиться создавать сайт?

[@fokspoks]

голос как у дикторши Ночных Эльфов их варика 3

[@ИванИванов-д3в7н]

У меня такое впечатление, что у вас электронный голос. Как у робота. 😬

[@LexiNurt-sp7jx]

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

[@marinagor]

очень интересное и познавательное видео вышло, мне понравилось!

[@ulbolsynzh]

Удобненько

[@mayday4977]

Отличный обзор. Лично я никогда не копировал с фигмы ничего кроме стилей для текста.

[@mikaielo6209]

Для меня как для начинающего основная проблема это как отключить коменты в плагине. Берешь тестовый учебный макет а он засран коментами. Ну а в остальном для новичков лучше все ручками писать и набивать скил и понимание.

[@1kolodon]

зроби дуплікат собі і там вже не буде коментів

[@annblok_webdev]

В панели слева нажать на Notifications и это скроет комменты. А если лучше вообще всю левую панель убрать или оставить только иерархию файлов или git.

[@mikaielo6209]

Спасибо всем за ответы.

[@payeermillionaire8093]

Отличная новость. Можно сразу кодить.

[@vbatushev]

Figma сама по себе сильно удивляет своей глючностью, а еще дизайнеры могут туда натужно нагадить большими растрами (да-с, растрами)... Плагином пытаюсь пользоваться, скорее из разряда "нууу, пусть будет".

[@mybestislands8646]

Ваш ролик не только интересно смотреть из-за содержания , но приятно , из-за очень привлекательной лекторши . Спасибо и лайк .

[@alinaevhenivn6]

Спасибо за такое полезное и классное видео 😊

[@volodyaDikiy]

Когда у Андрея Блока новые видосы будут?

[@irina-s]

А кто это?)

[@totemist]

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

[@sashabest1479]

Это существенно расширяет возможности и инструменты для верстки и создания сайтов, нужно будет все протестировать.

[@AlexZHIMuk]

После DEV-моде удачное решение. Осталось понять останется ли DEV-моде бесплатным для бесплатного тарифа или придётся подписку мутить? В т.ч. и для работы с этим плагином.

[@alext5030]

И какие могут быть сложности в понимании однозначной официальной информации на тему оплаты? Уже давно все ясно.

[@AlexZHIMuk]

@@alext5030 я допустим давно в фигме не рисую, поэтому не в курсе деталей.

[@СергійКапустинський-с5в]

Спасибо за обзор, на первый взгляд плагин мне не понравился.

[@TheEegmen]

Да по старинке в фотошоп линейкой отступы померить и норм

[@fcvaivai...............1268]

У кого меньше 8 гиг оперативы...

[@ManGOHP]

Ничего не понял

[@abdulmotinfaruki10]

Как бы красиво ты ни выглядел, твои слова для меня еще прекраснее. Ты действительно выглядишь красиво вне описания. Видео очень хорошее. Надеюсь, что таких видео будет больше.

[@Svet__alya]

Курс по созданию сайта отличный👍 Стоит обучиться! Спасибо что объяснили как установить плагин😊

[@artemlipunov2061]

Какая figma ?что я думаю о плагине🧐 …. Я думаю какая же вы все таки красивая 🤦‍♂️

[@wavilov.alexey]

Да елки палки, что такое фигма, что она делает....

[@avva3802]

Спасибо за видео. Всего доброго и здоровья Вам и Вашим близким, во имя Иисуса Христа.

[@ВикаБеседина-ц4щ]

Это расширение платное

[@naivrick9782]

Платно? да ну нафиг этот плагин

[@alext5030]

К сожалению, в Фигме все, что нужно для верстки скоро платным станет. Печаль...

[@joker201235]

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

[@vladtepl354]

Почти годик прошёл. Как там дела?)

[@dimondimonov6417]

Лучше три моника

[@ОлегПравилиный]

а для чего нам figma? ))

[@annblok_webdev]

kzbin.info/www/bejne/l4KykIugfb6kbqs

[@ОлегПравилиный]

@@annblok_webdev угу, спс

[@dimaburichin7726]

А толку об этом говорить когда все это станет платным!(Зная жадность Adobe это будет.) + сам плагин жрет дофига проще открыть в браузере на второй экран.

[@annblok_webdev]

Все перейдут на Pixso, когда введут платный тариф

[@alext5030]

@@annblok_webdev Только вот 4-5 дней назад (не помню точно) с этой китайской поделкой наблюдался большой облом для желающих импортировать НОВЫЕ .fig файлы. Именно новые не импортировались. Сейчас, кажется пофиксили, но такие отвалы будут случаться чаще после введения оплаты в Фигме. Копирующие ВСЕГДА отстают. Это, вообще-то, логично. Ну и ничем ене подкрепленная вера в то, что китайцы не введут аналогичную оплату, тоже доставляет. Кроме того, Pixso, как и многие другие китайские поделки, является крайне непрозрачным продуктом с околонулевым коммьюнити. Там даже толком негде узнать, что происходит, когдо что-то происходит.

[@xMurieLLx]

00:48 полноценный сайт на WP ?! Что !?!?!? О.о WordPress и другие CMS системы - это про быстрое прототипирование, а не про разработу. Быстренько накидать минимально жизнеспособный продукт (MVP) для наглядности получится. А делать что-то с долгой поддержкой, развитием и массштабированием - нет. Разве что блоги, а-ля ЖЖ или чего-то подобного и совсем некоммерческого.

[@yurok1991]

Тем временем коммерческий tproger, написанный на WP: ну да, ну да 😏

[@xMurieLLx]

@@yurok1991ну так он выглядит и ведёт себя как блог-платформа🤷‍♂

[@alext5030]

@@xMurieLLx И? Речь не про технологическую революцию, а про практический результат. Результат есть. Целям соответствует. А презрение к CMS-кам - это посто мода такая среди vocal minority в интернете.

[@Guck1986]

Ой, какая))

[@This_is_hellwood]

Palumna Lavgood 😅

[@AbuTuha-pj2wc]

Very effective video ❤

[@ostrotum]

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

[@AntonioBenderas]

Лучше уж Avocode

[@antonnikulich]

Бесполезное приложение. Скопируй с самой фигмы и бвдет тебе счастье. Ладно если бы отступы были, упрощалось написание кода, а так хатьфу

[@Evgeny_Yurlov]

Почему ты к себе в мужском роде обращаешься?

[@annblok_webdev]

Где?

[@Buyuk_Turanuz]

Привет красавица

[@AntonioBenderas]

Adobe как всегда всё испортил и ещё денег за это просит. Очередной Dreamviewer. Развивали бы дальше свой Adobe XD

[@romangargosow]

Шляпа если честно

[@user-gm3gt7cl2y]

Умница и красавица ❤

[@wrap_insta]

Отличная новость. Теперь проще будет кодить.