یادداشت نسخه: ویدیوی این آموزش در سال 2021 ضبط شده و رابط Figma از آن زمان تغییر کرده است. با این حال مفاهیم اصلی Constraints، Prototype، Pen و Boolean همچنان برای درک ساختار و رفتار عناصر در Figma مفیدند.
Constraints در Figma چه کاری انجام می‌دهد؟
Constraints مشخص می‌کند یک Layer هنگام تغییر اندازه Frame والد، نسبت به کدام لبه‌ها یا مرکز ثابت بماند و چگونه اندازه آن تغییر کند. برای مثال می‌توانید یک دکمه را به سمت راست Frame متصل نگه دارید یا یک عنصر را طوری تنظیم کنید که همراه Frame کشیده شود.
در طراحی‌های جدیدتر Figma، Auto Layout و تنظیمات Resizing بخش مهمی از ساخت رابط‌های منعطف را بر عهده دارند؛ بنابراین Constraints را بهتر است در کنار Auto Layout یاد بگیرید، نه به‌عنوان تنها ابزار Responsive Design.
ساخت Shape، Arc و کار با Pen
در این بخش با ساخت شکل‌های پایه، حفظ نسبت‌ها، گرد کردن Cornerها و استفاده از Arc آشنا می‌شوید. ابزار Pen نیز برای ساخت Pathهای مستقیم و منحنی و ویرایش نقاط Vector کاربرد دارد.
Boolean Operations در Figma
Boolean Operations امکان ترکیب یا کم کردن Shapeها را فراهم می‌کند و برای ساخت آیکن و فرم‌های سفارشی مفید است. عملیات‌هایی مثل Union، Subtract، Intersect و Exclude به شما اجازه می‌دهند بدون تخریب غیرضروری ساختار، شکل‌های پیچیده‌تر بسازید.
Prototype در Figma
Prototype به طرح استاتیک رفتار تعاملی اضافه می‌کند. می‌توانید بین Frameها Navigation بسازید و سناریوهای مختلف را قبل از توسعه بررسی کنید. برای آموزش کامل‌تر این موضوع، راهنمای Prototype در Figma را ببینید.
