Figma - Asosiy tushunchalar va tez boshlash qo‘llanmasi

Source: Dev.to

Figma account va yangi fayl

Figma.com’da bepul account yaratib, “New File” tugmasi orqali loyihaga start berish mumkin. Har bir yangi fayl – sizning ish canvasingiz bo‘lib, unga ekranning har qanday elementlarini joylashtirishingiz mumkin.

Page vs Frame

• Page – loyihaning katta bo‘limi (misol: Homepage, Dashboard).
• Frame – individual ekran yoki UI blok, ichida boshqa elementlar va frame’lar bo‘lishi mumkin.

Figma’da hamma narsa Frame ichida joylashadi, shuning uchun Frame bilan ishlash dizayner uchun asosiy ko‘nikma hisoblanadi.

Canvas, Move va Scale

• Canvas – ishlash maydoni, unda elementlarni joylashtirasiz va tekshirasiz.
• Move – elementni pan orqali ko‘chirish.
• Scale – elementning o‘lchamini kattalashtirish yoki kichiklashtirish (Shift + Drag nisbatni saqlaydi).

Tez harakatlanish uchun:

• Zoom: Ctrl / Cmd + Scroll
• Pan: Space + Drag

Layers panel

Layers panel har bir elementni tartiblaydi, yashirish, lock qilish va guruhlash imkonini beradi. Katta loyihalarda elementni topish va tuzatish uchun Layers paneldan foydalanish samarali bo‘ladi.

Shortcut’lar va samaradorlik

Asosiy shortcut’lar:

• R – Rectangle
• O – Circle
• T – Text
• Ctrl / Cmd + D – Duplicate

Shortcut’larni bilish ish jarayonini tezlashtiradi va samaradorlikni oshiradi.

Xulosa

Figma bilan ishlashni boshlash uchun bu asosiy tushunchalarni bilish yetarli. Page va Frame farqi, Layers panel, Move/Scale va shortcut’larni o‘rganish sizga erkin dizayn yaratish imkonini beradi. Ushbu poydevor sizni murakkab interfeyslar va prototiplarga tayyorlaydi.