Безкоштовні альтернативи платному Figma Dev Mode

МОЇ КУРСИ:
2024 рік - Курс "JavaScript з нуля+TypeScript+React":
+ОНЛАЙН З ГРУПОЮ 3 РАЗИ НА ТИЖДЕНЬ (ВЕЧІРНІЙ ЧАС) - старт 4 лютого 2024
+Або стартувати можна в будь-який момент за відео-записами (з менторською підтримкою або повністю самостійно )
Докладно: learningtogetherua.github.io/...
Поставити запитання або записатись: t.me/profrontendua/8753
---
2024 рік -Курс FRONTEND (html, css, scss, javascript, typescript, react)
+ОНЛАЙН З ГРУПОЮ 3 РАЗИ НА ТИЖДЕНЬ (ВЕЧІРНІЙ ЧАС) - старт 17 лютого 2024
+Або стартувати можна в будь-який момент за відео-записами (з менторською підтримкою або повністю самостійно)
Докладно: learningtogetherua.github.io/...
Поставити запитання або записатись t.me/profrontendua/8753
---
2024 рік - КУРС "Що таке програмування" (безкоштовно) - для того, щоб визначитись, чи цікаво Вам вивчати програмування, пропоную безкоштовний 3-х годинний міні-курс: • Програмування. Чи це т...
---
Чатік для питань за темою створення сайтів:
t.me/profrontendua/1
---
ДОНАТИТИ НА ЗСУ:
Стерненко на FPV-дрони (Постійна банка для закупівлі FPV. Наша мета - купувати хоча б 100 дронів на день та передавати швидко на фронт!)
send.monobank.ua/jar/dzBdJ3737
---
Фонд "Учитель іде в ЗСУ" - запрошую підтримати!
ПРО ФОНД: nus.org.ua/articles/peremoga-...
Картка приват (Булигіна Людмила): 5168752003157123
📌PayPal: [e-mail]
📌Монобанка send.monobank.ua/jar/5RKbJBQd28
---
#figma #devmodefigma
--
00:00 Intro
00:35 Платний Dev Mode - чому я не здивований
01:20 Ціна питання
02:19 Якщо сплатили, як активувати Dev Mode
04:00 Як тепер працює екстеншен Figma у VS Code
05:20 Альтернатива перша
08:25 Альтернатива 2 або що не так з Inspect Styles
10:20 Альтернатива 3 або чому я не буду радити Pixso
15:35 Підсумки
16:15 Спойлер :)

[@FireWallUA]

дякую за відео, ще можна також можна використовувати плагін Weblify Code Inspector, але Inspect Styles мені сподобався більше

[@itmentor]

Weblify здається має обмеження 10 безкоштовних запусків?

[@YanaIva]

Дуже дякую за відео. Пізнавально і вчасно ❤ є питання з приводу оплати - якщо я на тарифі professional і сплачую за фігму, то dev mode в мене є як у дизайнера, а от як девелоперів підключити, щоб надати їм доступ тільки до dev mode без можливості редагувати дизайн? Якщо я правильно зрозуміла, то це за кожного ще по 15 $? Просто раптом Ви розібрались краще, ніж я, буду вдячна за відповідь 😊

[@itmentor]

Там де команда, так, підключаєте окремі місця по 15 за кожного.

[@YanaIva]

Дякую

[@ziper8035]

Не підскажете чому при зумі макету з Figma у Photopea розмиває зображення? Чи може я не правильно збільшую макет ?

[@itmentor]

Все правильно, є така проблема. Фотопіа в першу чергу піксельний редактор, хоч має і векторний інструментарій. Але невзмозі повністю працювати з макетом figma, бо такі файли розраховують на повну підтримку своєї векторної природи. В цьому відео я не показував можливість через праву кнопка миші копіювати стилі з елементів у figma. Спробуйте та повертайтесь у figma :) Права кнопка->Copy/paste as->Copy as Code->CSS