انتقل إلى محتوى الدرس

Figma for Design Handoff استلام التصاميم والمقاسات عبر Figma

تعرّف على منظومة الأدوات اليومية لمطور الواجهة الأمامية: كتابة الكود في VS Code، وفحص العناصر والتجاوب عبر DevTools، واستلام التصاميم من Figma، وحفظ الإصدارات والعمل الجماعي عبر Git وGitHub، ومفهوم npm وVite وأمان المستودعات.
1 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

كيف يعرف مطور الواجهة الأمامية درجة اللون الدقيقة، أو حجم الخط الفعلي، أو المسافة بالبكسل بين البطاقات كما رسمها مصمم ؟ بدلاً من التخمين بالعين من صورة ثابتة، تعتمد فرق العمل على أداة التصميم التشاركية Figma في عملية تُعرف باسم تسليم التصميم ():

  • قراءة الأبعاد والمسافات بدقة: بمجرد النقر على أي عنصر داخل رابط ، يقرأ المطور العرض والارتفاع والهوامش الداخلية وانحناء الزوايا بدقة تامة دون تخمين.
  • استخراج أكواد الألوان والخطوط: يعرض البرنامج الأكواد اللونية الدقيقة (مثل ) وأسماء وأوزان الخطوط المعتمدة في هوية المشروع.
  • تصدير الأيقونات والرسومات (): يستخرج المطور الشعارات والأيقونات مباشرة بصيغة متجهة نقية () أو صور مضغوطة جاهزة للعمل في الموقع.