فیگما یک سری آپدیت ریز منتشر کرده که باعث بهبود تجربه کار با این ابزار میشه که در ادامه اونا رو بهتون معرفی میکنم و نحوه استفاده ازشون رو بهتون نشون میدم.

📍 @asterixarts #FigmaUpdate

آپدیت #1: قابلیت چند انتخابی در حالت Find & Replace که بهتون این امکان رو میده که بتونید مثلا یک آیتم رو در چندین فریم مختلف با هم انتخاب و تغییر بدید.
نحوه کار باهاش در ویدیو مشخصه.


📍 @asterixarts #FigmaUpdate

آپدیت #2: قابلیت پیش نمایش تغییرات پنل دیزاین فقط با نگه داشتن موس رو یک ویژگی

از این به بعد زمانی که مثلا موس رو روی حالت های مختلف بلندینگ مود نگه میدارید، تغییرات اون رو در لحظه رو کارتون میبینید و نیاز نیست کلیک و انتخاب کنید تا این تغییرات رو مشاهده کنید. (مثل حالت بلندینگ مود فتوشاپ)

برای کارکرد این آپدیت ویدیو رو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #3: قابلیت جدید لومیننس ماسک

در این حالت زمانی که شما مثلا یک تصویر و یک لایک سالید مثل رنگ رو با هم ماسک می کنید، یک تنظیم جدید در پنل دیزاین برای شما به نمایش در میاد که میتونید با اون حالت ماسک رو تغییر بدید.

نحوه کارکرد این ویژگی رو در ویدیو ببینید.

پ.ن: دوستانی که دوره یوآی دیزاین من رو گذروندن، چه عبارتی در اینجا براتون آشناست و خیلی در دیزاین یوآی مهمه؟



📍 @asterixarts #FigmaUpdate

آپدیت #4: حذف فاصله بالا و پایین لایه متن

قبلا زمانی که شما یک لایه متن رو ایجاد میکردید، خود فریم متن یک فاصله در بالا و پایینش داشت و به خصوص در زبان فارسی که حروف زیر خط پایه و بالای خط پایه داریم این فضا بیشتر میشد و تنظیم یک لایه متن در یک فضای دیگه سخت میشد.
در این آپدیت دیگه اون فضای خالی رو میتونید کامل حذف کنید تا فریم به بالا و پایین حروف بچسبه.

نحوه انجام این کار رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #5: ساخت یک لیست بصورت اتوماتیک

از این به بعد اگر شما هر شماره ای رو بنویسید و یک نقطه بعدش وارد کنید (مثل .4 ) اتوماتیک اون تبدیل میشه به یک لیست و دیگه نیاز نیست برید در تنظیمات بیشتر تایپوگرافی که بتونید یک لیست درست کنید.
در واقع یکجورایی مثل حالت ایجاد لیست در نرم افزار Word است.

نحوه انجام این کار رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #6: نادیده گرفتن علائم و قرار دادن آنها در خارج از فریم متن

از این به بعد با تنظیمی که در بخش تایپوگرافی اضافه شده راحت میتونید مثلا علامت نقل قول رو خارج از فریم متن قرار بدید تا چیدمان کلی متن به هم نریزه.

نحوه کارکرد این ویژگی رو در ویدیو ببینید.
📍 @asterixarts #FigmaUpdate

آپدیت #7: ویژگی جدید چسباندن چند آیتم در بالا در پروتوتایپ

این ویژگی خیلی جذابه، با این قابلیت شما میتونید یک سری آیتم رو انتخاب و بهش این تنظیم رو اعمال کنید، در نتیجه وقتی اسکرول میکنید آیتم هایی که این ویژگی رو داشته باشن در بالای صفحه نگه داشته میشن و مخفی نمیشن.
یکجورایی Multi Stick to top میشه اسمش رو گذاشت.

کارکردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #8: Snapping بهتر

از این به بعد زمانی که شما سایز عکسی را تغییر می دهید، زمانی که به aspect ratio های مختلفی رسید اتوماتیک میچسبه به اون (یا اینکه مثلا به ارتفاع یا عرض اصلی عکس رسیدید)
اگر هم کلا میخواید sanping یا حالت چسبندگی رو غیرفعال کنید، کلید Ctrl رو بگیرید.

کاربردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #9: کپی و Paste راحت تصاویر و رنگ ها

اینم یک بهبود خوبه که دیگه شما نیاز نیست حتما برید در پنل دیزاین و از اونجا عکس یا رنگی رو جایگزین کنید. عکس رو که کپی میکنید خیلی راحت فریم عکس رو در کارتون انتخاب کنید و Ctrl+V رو بزنید و جایگزین میشه. (داخل ویدیو میره در پنل دیزاین ولی خودم تست کردم مستقیم روی فریم عکس یا رنگ هم کار میکنه)

📍 @asterixarts #FigmaUpdate

آپدیت #10: Align تصاویر در فریمشون با تنظیمات Alignment فیگما

مثلا یک تصویری رو میخواید وسطش در فریم نمایش داده بشه، خیلی راحت اول میرید در حالت ادیت عکس و بعد اگر از alignment های فیگما center center رو انتخاب کنید وسط عکس رو در مرکز فریم قرار میده.

کاربردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #11: Allign لایه های خارج از یک فریم (یا کامپوننت) با لایه های تو در تو آن

مثلا شما یک Auto Layout دارید با 3 آیتم، و 3 تا لایه هم خارج از auto layout دارید، الان میتونید اون لایه های بیرونی رو با لایه های داخلی align کنید.

برای درک بهتر ویدیو رو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #12: پاک کردن سریع گایدلاین های Ruler

قبلا وقتی میخواستی گایدلاین هایی که استفاده کردی رو پاک کنی دوباره باید تک تک اونا رو میگرفتی و میکشیدی سمت چپ یا بالا.
الان خیلی راحت کلیک سمت راست میکنی روی خود Ruler و با یک کلیک همه گایدلاین ها حذف میشن.

📍 @asterixarts #FigmaUpdate

آپدیت #13: Background Blur در ساخت اینتراکشن Overlay پروتوتایپ

اگر یک اینتراکشن Overlay در پروتوتایپ درست کنید، از این بعد میتونید بک گراندش رو بلد کنید که بهتر اون قسمت انتخاب شده دیده بشه.

کاربردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate

آپدیت #14: ساخت چند اینتراکشن همزمان با هم

قبلا اگر مثلا یک صفحه home داشتید و 10 صفحه مختلف دیگه هم داشتید که به طریقی به صفحه home بر میگشتن، باید دونه دونه براشون اینتراکشن تعریف میکردید.
الان همه ی آیتم ها رو با هم انتخاب میکنید و همزمان یک اینتراکشن براشون میسازید.

📍 @asterixarts #FigmaUpdate

اولین آپدیت پنل Assests ها مربوط به ویژگی Find یا جستجو است که با اضافه کردن یک سری فیلتر بهتون کمک میکنه که سریعتر چیزی که دنبالش هستید رو پیدا کنید.

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate

آپدیت دوم: تصویر بندانگشتی Assetها یا همون Thumbnail ها رو هم میتونید بزرگترش کنید که بهتر ببینید دنبال چه کامپوننتی هستید یا کدوم رو میخواید انتخاب یا استفاده کنید.

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate

آپدیت سوم:
اسم یا لیبل کامپوننت ها هم دیگه بصورت دیفالت نمایش داده میشه و هم اینکه با نگه داشتن موس روی هر کامپوننت تعداد ورینت های اون رو هم نشون میده.

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate

آپدیت چهارم:
با کلیک بر روی هر کامپوننت جزئیات بیشتری از اون به شما نمایش داده میشه که میتونید با تغییر ویژگی ها اون در همون مُدال اون رو به کارتون اضافه کنید. (یا اینکه مثل قبل اول اضافه اش کنید و بعد برید ویژگی های اون رو در پنل دیزاین تغییر بدید)

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate