آموزش شروع کار با Design Tokens در Figma
Getting started with Design Tokens in Figma
در طول این دوره، با استفاده از Figma و پلاگین Design Tokens، Tokens طراحی را از ابتدا راه اندازی و اعمال خواهیم کرد.
پس از یک قسمت کوتاه در مورد اینکه Design Tokens چیست و چرا می‌خواهیم از آنها استفاده کنیم، افزونه را نصب و راه‌اندازی می‌کنیم، اولین مجموعه نشانه‌های خود را ایجاد می‌کنیم و در نهایت این نشانه‌ها را روی اجزای موجود اعمال می‌کنیم تا نشان دهیم که Tokens طراحی چه چیزی می‌تواند به ارمغان بیاورد: انعطاف پذیری، سازگاری، وضوح و بالاتر از همه، همکاری روانتر بین طراحی و توسعه.
می‌توانید با دانلود فایل Figma دوره، این دوره را گام به گام دنبال کنید، جایی که هر قسمت صفحه جدیدی دارد که می‌توانید به آن دسترسی داشته باشید تا فوراً با نشانه‌های طراحی خودتان شروع به بازی کنید.
در این پروژه شما یاد خواهید گرفت که چگونه:
- افزونه Figma Tokens را در فایل پروژه خود نصب و راه اندازی کنید
- اولین مجموعه توکن خود را تنظیم کنید
- این مجموعه نشانه را در فایل پروژه ارائه شده اعمال کنید
نحوه استفاده از فایل های پروژه:
- فایل DT-Offbeacon.fig را می توان به سادگی با استفاده از Figma باز کرد
- فایل رمز DT-Offbeacon.json را می توان با فشار دادن دکمه "Load" در افزونه Figma Tokens بارگیری کرد. فایل را انتخاب کنید و تنظیم نهایی توکن در Figma Tokens بارگذاری می شود.
این دوره بر روی اصول اولیه توکن‌های طراحی و نحوه اعمال این نشانه‌ها در پروژه‌تان تمرکز دارد. زیبایی توکن های طراحی این است که می توان آنها را برای هر پروژه یا سندی اعمال کرد.
پروژه: استفاده از نشانه های طراحی در پروژه شما
برای نشان دادن تنوع و استفاده گسترده از نشانه‌های طراحی و الهام بخشیدن به دیگران، لطفاً یک صفحه ضبط شده یا تصویر را در جایی که پروژه‌ای را نشان می‌دهید که نشانه‌های طراحی را برای آن اعمال کرده‌اید، آپلود کنید. وقتی از مجموعه‌های توکن برای جابه‌جایی بین دو (یا چند) سبک در سند خود استفاده کرده‌اید، قدردانی بیشتری دریافت کنید.
موفق باشید!
درس ها Lessons
-
نصب و راه اندازی Installation and setup
-
طراحی توکن ها چیست و چرا از آنها استفاده می کنیم What are Design Tokens and why use them
-
معرفی دوره Course introduction
-
ایجاد اولین مجموعه توکن ما Creating our first token set
-
استفاده از نشانه ها در پروژه Applying tokens to project
https://donyad.com/d/cbf02a
Sander Marskamp
طراح UX و UI در Offbeacon
به‌عنوان یک طراح رابط کاربری UX، هدف من ارائه کارآمدترین، روان‌ترین و دوستانه‌ترین تجربه برای کاربر، هر کسی که باشد، است. کاربر همیشه نقطه مرکزی کار من است.
این در کار تدریس من تفاوتی ندارد زیرا می‌خواهم دوره‌های روشن و الهام‌بخشی را برای دانش‌آموزانم فراهم کنم که آنها واقعاً بتوانند در زمینه کاری خود استفاده کنند.
دوره‌های من بر روی UX، UI، سیستم‌های طراحی و اتوماسیون طراحی از طریق نشانه‌های طراحی تمرکز دارند.
من همیشه آماده سوالات و بحث هستم، بنابراین در شروع مکالمه در برگه بحث دوره های من تردید نکنید.
خوش بگذرانید،
سندر
نمایش نظرات