Export Figma Variables to JSON Code
Watch same Video in Arabic:
• Export Figma Variables to JSON Code
In this video you gonna learn how to Export your Variables or Tokens to JSON code:
Using "Variables Import Export" Plugin
Using "Variables Exporter for Dev Mode" Plugin
Using "Tokens Studio" Plugin
Timecode:
00:00 - Intro
00:55 - Dev Mode
02:38 - Variables Exporter for Dev Mode Plugin
03:26 - Variables Import Export Plugin
06:05 - Auto Import Variables to Tokens Studio Plugin
10:23 - Manual Import Variables to Tokens Studio Plugin
Resources:
Tokens Studio Plugin: https://www.figma.com/community/plugi...
Variables Exporter for Dev Mode Plugin: https://www.figma.com/community/plugi...
Variables Import Export: https://www.figma.com/community/plugi...
Ready to become a Design Tokens expert? Join the waiting list now!
Join the Waiting List: https://www.osamaeldrieny.com/courses...
Follow me:
https://linktr.ee/osamaeldrieny
Join Telegram Community:
https://t.me/osamaeldrieny
Watch More Videos:
• Setting Variables Scope
• Variables Vs Design Tokens
• Why do we have to use Design Tokens in our...
• Mastering Typography in Design Systems: Fi...
• Why designers should start using design to...
Resources:
Tokens Studio Plugin: https://www.figma.com/community/plugi...
Variables Exporter for Dev Mode Plugin: https://www.figma.com/community/plugi...
Variables Import Export: https://www.figma.com/community/plugi...
Ready to become a Design Tokens expert? Join the waiting list now!
Join the Waiting List: https://www.osamaeldrieny.com/courses...