این آموزش مجموعه‌ای از میانبرها و ترفندهایی است که کار روزمره در Figma را سریع‌تر می‌کنند. نسخه قدیمی مقاله با عنوان «۱۰ ترفند» منتشر شده بود، اما در واقع ویدیو و فهرست اصلی ۱۲ نکته داشت؛ در این Refresh هر ۱۲ مورد حفظ شده و با رفتار فعلی Figma Fact Check شده‌اند.
در این آموزش چه چیزهایی یاد می‌گیرید؟
- Duplicate سریع و تکرار Pattern
- ساخت Pie Chart با Arc Tool
- کنترل Opacity
- Copy/Paste Properties بین Layerها
- Smart Selection و تنظیم فاصله‌ها
- انتخاب چند Object و Childهای تو‌در‌تو
- Deep Select و جابه‌جایی بین Parent/Child
- مشاهده Memory Usage فایل
- Show/Hide UI و Layer Visibility
- پنل Keyboard Shortcuts
- واردکردن گروهی چند تصویر
- حرکت سریع داخل Group، Frame و Component
ویدیوی ترفندهای Figma — قسمت اول
نسخه منطبق این آموزش در آپارات پیدا نشد؛ بنابراین ویدیوی اصلی YouTube را حفظ کرده‌ایم. متن مقاله با رفتار و میانبرهای فعلی Figma به‌روزرسانی شده است.
۱. Duplicate سریع با Ctrl/Command + D
برای Duplicate کردن Object انتخاب‌شده، در Windows از Ctrl + D و در macOS از Command + D استفاده کنید. در Smart Selection، Duplicate می‌تواند Item جدید را کنار یا زیر Item قبلی قرار دهد و سایر Layerها را برای حفظ Spacing جابه‌جا کند.
برای Copy سریع با Drag هم می‌توانید در macOS کلید Option و در Windows کلید Alt را نگه دارید و Object را بکشید.
۲. ساخت Pie Chart با Arc Tool
برای ساخت Pie Chart لازم نیست از Plugin استفاده کنید. یک Ellipse با کلید O بسازید و Arc handle را بکشید. با Sweep می‌توانید درصد دایره را تنظیم کنید و با Inner radius حلقه یا Donut Chart بسازید.
Arc Tool همچنان در Figma فعلی برای ساخت Pie، Ring، Semi-circle و Broken Ring استفاده می‌شود.
۳. Opacity را برای Layer و Fill درست استفاده کنید
Opacity روی کل Layer با Opacity یک Fill یکسان نیست. اگر Opacity خود Layer را کم کنید، Fill، Stroke، Text و Effectهای آن Layer با هم شفاف می‌شوند. اگر فقط Fill باید شفاف شود، Alpha همان Fill را تغییر دهید تا Stroke یا Effect مستقل بماند.
۴. Copy/Paste Properties بین Layerها
برای انتقال همه Propertyهای قابل‌پشتیبانی از یک Object به Object دیگر:
- Windows: Ctrl + Alt + C برای Copy Properties و Ctrl + Alt + V برای Paste Properties
- macOS: Option + Command + C و Option + Command + V
همچنین می‌توانید Fill، Stroke یا Effect مشخص را از Right Sidebar جداگانه Copy/Paste کنید. این روش از ساخت Style برای یک استفاده موقت سریع‌تر است؛ اما برای Propertyهای تکرارشونده در Design System بهتر است Style یا Variable بسازید.
۵. Smart Selection برای فاصله و ترتیب
وقتی چند Layer مشابه را در Row، Column یا Grid انتخاب می‌کنید، Smart Selection کمک می‌کند فاصله بین Itemها را یکجا تغییر دهید، ترتیبشان را با Drag عوض کنید و بعضی Itemها را Duplicate یا حذف کنید بدون اینکه Spacing کل Selection به‌هم بریزد.
برای Layoutهایی که باید به Content واکنش نشان دهند، Auto Layout انتخاب ساختاری بهتری است؛ Smart Selection بیشتر برای مرتب‌سازی سریع Selectionهای دستی کاربرد دارد.
۶. انتخاب چند Layer با Shift و Selection Box
برای اضافه یا حذف‌کردن Object از Selection، Shift را نگه دارید و روی Object کلیک کنید. همچنین می‌توانید Selection Box بکشید تا چند Layer را همزمان انتخاب کنید. اگر Objectها داخل Parentهای مختلف هستند، Layers Panel گاهی دقیق‌تر از Canvas است.
۷. Deep Select برای Objectهای تو‌در‌تو
برای ورود یک Level به داخل Group، Frame یا Component روی Object دوبار کلیک کنید یا Enter بزنید. با تکرار Enter به Childهای عمیق‌تر می‌روید و با Shift + Enter به Parent برمی‌گردید.
برای Deep Select مستقیم با Mouse، در macOS Command و در Windows Control را نگه دارید و روی Layer داخل Parent کلیک کنید. این ترفند وقتی چند Layer روی هم قرار گرفته‌اند بسیار مفید است.
۸. Memory Usage فایل را ببینید
ادعای قدیمی «نمایش تعداد Layer و RAM» را باید دقیق‌تر بیان کرد. Figma فعلی یک Memory usage meter دارد که مصرف WASM Memory فایل را به‌صورت درصد نشان می‌دهد. از Main menu → View → Memory usage می‌توانید Meter را در Left Sidebar فعال کنید و با Manage memory جزئیات بیشتری ببینید.
در Manage memory می‌توانید نمایش مصرف Memory در Layers Panel را هم فعال کنید. تعداد Layer به‌تنهایی معیار کافی برای Performance نیست؛ تصاویر بزرگ، Variantهای زیاد، Hidden layerها و Vectorهای پیچیده هم روی Memory اثر دارند.
۹. Show/Hide UI و Visibility را اشتباه نگیرید
برای مخفی‌کردن خود Interface Figma در US QWERTY معمولا Command + \ در macOS و Ctrl + \ در Windows استفاده می‌شود. Keyboard layout می‌تواند میانبر را تغییر دهد؛ پنل Keyboard Shortcuts مقدار درست برای Layout شما را نشان می‌دهد.
این با Hide کردن Layer فرق دارد. برای Toggle Visibility یک Layer، میانبر فعلی Command/Ctrl + Shift + H است. برای دیدن Outline لایه‌های مخفی نیز Command/Ctrl + Shift + O استفاده می‌شود.
۱۰. پنل Keyboard Shortcuts را باز کنید
به‌جای حفظ‌کردن فهرست‌های قدیمی، پنل Keyboard Shortcuts خود Figma را باز کنید. در Windows و macOS می‌توانید از Control + Shift + ? استفاده کنید یا از Help and resources / Actions عبارت Keyboard shortcuts را جست‌وجو کنید.
این پنل میانبرها را براساس Keyboard Layout شما نشان می‌دهد و میانبرهایی را که استفاده کرده‌اید Highlight می‌کند.
۱۱. چند تصویر را یکجا وارد چند Shape کنید
با Place image/video می‌توانید چند فایل را همزمان انتخاب کنید و بعد آن‌ها را یکی‌یکی روی Canvas یا داخل Shapeهای موجود قرار دهید. میانبر:
- Windows: Shift + Ctrl + K
- macOS: Shift + Command + K
Figma تصویر را به‌عنوان Fill روی Object قرار می‌دهد؛ بنابراین بعدا می‌توانید Crop، Fill mode و Position را تنظیم کنید.
۱۲. بین Child، Parent و Sibling سریع حرکت کنید
وقتی ساختار Layerها تو‌در‌تو است، Navigation با Keyboard از کلیک‌های زیاد سریع‌تر می‌شود:
- Enter: Select Child
- Shift + Enter: Select Parent
- Tab: Select Next Sibling
- Shift + Tab: Select Previous Sibling
این میانبرها برای Componentهای Nested و فایل‌های Design System بسیار مفیدند.
کدام ترفندها را تبدیل به عادت کنیم؟
بیشترین بازده معمولا از چند مورد ساده می‌آید: Duplicate، Deep Select، Copy Properties، Smart Selection، Place image/video و شناخت میانبرهای Parent/Child. برای Layoutهای اصلی هم به‌جای ترفندهای دستی، Auto Layout و Components را یاد بگیرید تا فایل از ابتدا ساختار بهتری داشته باشد.
