مساعدة في فيجما

برنامج فيغما هو أداة للتصميم فقط، ودورك كمبرمج هو قراءة التصميم وتحويله إلى كود. إليك مختصر استخدامه: 

1. أنشئ حسابًا في Figma وادخل إلى الملف الذي تريد العمل عليه.
2. ستجد الشاشات على اليسار، وخصائص كل عنصر على اليمين.

ليست كل العناصر مهمة لك كمبرمج ولذلك حدد ما الذي يهمك، والذي هو عادة: 

1. المقاسات والمسافات
2. الألوان
3. الخطوط
4. ترتيب العناصر (Layout)

أيضا ستحتاج استخراج الأكواد، لنقلها في CSS، فعند الضغط على أي عنصر، يوجد تبويب Inspect يقدم لك:

كود CSS جاهز، القياسات والألوان

الآن ما عليك إلا إنشاء نفس الهيكل في HTML أو React أو أي تقنية تستخدمها. ثم طبّق القيم التي تراها في Figma على الكود. أيضا يمكنك تصدير الصور والأيقونات هي الأخرى، من قسم Export يمكنك استخراج الصور بصيغة PNG أو SVG.