نمایش یا پنهانکردن رابط
برای تمرکز روی canvas، رابط را پنهان یا دوباره نمایش دهید.
Ctrl + Backslash
میانبرهای صفحهکلید Figma برای ابزارها، انتخاب لایه، تغییر شکل، تراز و مدیریت componentها. PDF میانبرهای QuickRef را برای نسخهٔ دسکتاپ Figma و عمدتاً صفحهکلید Windows دستهبندی میکند. در macOS معمولاً `Command` جایگزین `Ctrl` است؛ میانبرهای سفارشی و تغییر نسخهٔ برنامه را در پنجرهٔ Keyboard shortcuts بررسی کنید. کلید ابزارها در PDF برای انتخاب سریع ابزارهای ترسیم و ساخت فریم آمدهاند. حرکت canvas، بزرگنمایی و grid را از فرمانهای نمایشی جدا نگه دارید تا هنگام ویرایش شکل، ابزار اشتباه فعال نشود. از این صفحه بهعنوان مرجع سریع استفاده کنید و مثالها و نکتهها را با نسخهٔ ابزار، نیاز و شرایط واقعی پروژهٔ خود تطبیق دهید.
برای تمرکز روی canvas، رابط را پنهان یا دوباره نمایش دهید.
Ctrl + Backslashفرمان موردنیاز را از منوی جستوجو پیدا کنید، بهجای گشتن دستی میان منوها.
Ctrl + /پنل لایهها و فهرست کامپوننتها را با میانبرهای قابل مشاهده در برگه جابهجا کنید.
Alt + 1 LayersAlt + 2 ComponentsAlt + 3 Team libraryبا کلیدهای تکحرفی ابزار پرکاربرد را انتخاب کنید؛ پس از استفاده، ابزار فعال را در toolbar کنترل کنید.
V MoveF FrameP PenT TextR RectangleO EllipseL LineSpace را هنگام drag نگه دارید تا canvas حرکت کند؛ مقدار zoom را از میانبرها یا کنترل نمایشی تنظیم کنید.
Space + Drag Pan+ Zoom in- Zoom outShift + 0 Zoom to 100%حالتهای کمکی نمایش را هنگام ترازکردن و بازبینی لایهها روشن کنید و پس از پایان بررسی به حالت طراحی بازگردید.
Shift + R Toggle rulersCtrl + Y Show outlinesCtrl + G Toggle layout gridsPixel preview و نمایش cursorهای همتیمی ابزار بازبینیاند؛ تنظیمهای دسترسی و اشتراک را جداگانه کنترل کنید.
Ctrl + P Pixel previewCtrl + Quote Pixel gridCtrl + Alt + Backslash Multiplayer cursorsEnter به لایهٔ فرزند و Shift+Enter به والد میرود؛ Tab میان siblingها حرکت میکند.
Enter Select childShift + Enter Select parentTab Next siblingShift + Tab Previous siblingگروهبندی و تبدیل انتخاب به frame ساختار لایه را تغییر میدهد؛ پس از اجرا hierarchy را بررسی کنید.
Ctrl + G Group selectionCtrl + Shift + G Ungroup selectionCtrl + Alt + G Frame selectionقفلکردن مانع انتخاب ناخواسته در canvas میشود؛ پیش از handoff قفلها و visibility را بازبینی کنید.
Ctrl + Shift + H Show/Hide selectionCtrl + Shift + L Lock/Unlock selectionتکثیر در همان محل، تغییر نام لایه و export سریع را پس از انتخاب عنصر هدف اجرا کنید.
Ctrl + D Duplicate selectionCtrl + R Rename selectionCtrl + Shift + E Export selectionویژگیهای ظاهری را میان لایههای سازگار منتقل کنید و پس از paste، نتیجهٔ style را بازبینی کنید.
Ctrl + Alt + C Copy propertiesCtrl + Alt + V Paste propertiesModifierهای Alt و Shift را حین کشیدن handle نگه دارید تا مرکز یا نسبت ابعاد حفظ شود.
Alt + Resize Resize from centerShift + Resize Preserve proportionsSpace + Resize Move while resizingجهت افقی یا عمودی را برگردانید و برای تصویر از فرمان Place image استفاده کنید.
Shift + H Flip horizontalShift + V Flip verticalCtrl + Shift + K Place imageOpacity با کلید عددی تنظیم میشود؛ ترتیب جلو و عقب را با میانبرهای براکت تغییر دهید.
1 Set opacity to 10%5 Set opacity to 50%0 Set opacity to 100%Ctrl + ] Bring forwardCtrl + [ Send backwardCtrl + Alt + ] Bring to frontCtrl + Alt + [ Send to backچند لایه را انتخاب کنید و براساس لبه یا مرکز تراز دهید؛ ترتیب و محدودهٔ انتخاب روی نتیجه اثر دارد.
Alt + A Align leftAlt + D Align rightAlt + W Align topAlt + S Align bottomAlt + H Align horizontal centersAlt + V Align vertical centersCtrl + Alt + T Tidy upCtrl + Alt + H Distribute horizontal spacingCtrl + Alt + V Distribute vertical spacingComponent را برای عنصر تکرارشونده بسازید و detach را تنها وقتی لازم است که اتصال به منبع اصلی دیگر نباید حفظ شود.
Ctrl + Shift + O Create componentCtrl + Shift + K Detach instanceAlt + 2 Show componentsمیانبرهای سبک متن را روی لایهٔ متنی انتخابشده اجرا کنید؛ در handoff فونت و style را نیز بررسی کنید.
Ctrl + B BoldCtrl + I ItalicCtrl + U UnderlineCtrl + Shift + V Paste and match styleصفحهها و نام لایهها را بر اساس جریان، وضعیت و خروجی مرتب کنید.
برای چیدمان منعطف از Auto Layout و اندازهگذاری متناسب استفاده کنید.
رنگ و تایپوگرافی را بهصورت style یا variable مشترک تعریف کنید.
اجزای پرتکرار را component کنید و variantها را برای حالتهای مشخص بسازید.
نام propertyها را برای تحویل به توسعهدهنده قابل فهم نگه دارید.
شبکه، فاصلهها و breakpointها را بر اساس سیستم طراحی تثبیت کنید.
حالتهای hover، focus، disabled، loading و error را طراحی کنید.
Prototype را برای جریانهای اصلی و نقاط تصمیم به هم متصل کنید.
پیش از handoff، فونت، asset، اندازه و رفتار responsive را مشخص کنید.
کامپوننتها را دورهای پاکسازی کنید و نسخهٔ تغییرات سیستم طراحی را ثبت کنید.
token معنایی مثل color-text-primary را از مقدار خام رنگ جدا کنید تا تم و برند بدون جایگزینی دستی تغییر کند.
برای componentها مالک، وضعیت انتشار و قاعدهٔ deprecation تعیین کنید؛ تغییر library را در فایل محصول آزمایش کنید.
میانبرهای PDF برای صفحهکلید Windows نوشته شدهاند؛ در macOS جایگزینی Ctrl با Command را در تنظیمات همان نسخه بررسی کنید.