كيف تحوّل موقعاً إلى Figma

ما يحتويه ملف Figma

• 01 Cover: الموقع ومصدره وتاريخ الالتقاط ومحتوى الملف.
• 02 Site Architecture: الصفحات الملتقطة مجمّعة حسب فئات الموقع نفسه.
• 03 Screens: شاشات قابلة للتعديل بطبقات مسمّاة ونصوص حقيقية، والمقاسات جنباً إلى جنب: سطح المكتب ← الجهاز اللوحي ← الجوال.
• 04 Motion: لوحة قصة للحالات التي مرّت بها الصفحة أثناء التمرير.
• 05 Design System: متغيرات الألوان وأنماط الطلاء والنصوص والمسافات والزوايا والمؤثرات، موثّقة على لوحات.
• 06 Components: مكوّنات رئيسية مبنية مما يتكرر في الموقع: الأزرار وحقول الإدخال والبطاقات وغيرها.
• 07 Assets: الصور والوسائط المستخدمة في الشاشات، محفوظة مرة واحدة.
• 08 Handoff: صفحة تسليم، مع متغيرات التصميم والمكوّنات وخريطة الشاشات والقواعد كملفات.
• 09 Quality Report: ما تم قياسه أو تقريبه أو تسطيحه، ومدى اقتراب Figma من الموقع.

لماذا لا تكتفي بلقطة شاشة؟

• نصوص حقيقية بأنماط نصية، فيمكن تعديل المحتوى وترجمته.
• طبقات مسمّاة وأشكال بتعبئتها وزواياها، بدلاً من صورة واحدة مسطّحة.
• ألوان مرتبطة بالمتغيرات، مع أنماط النصوص والطلاء والمؤثرات.
• مكوّنات مبنية من عناصر الواجهة التي يكررها الموقع.
• شاشات سطح المكتب والجهاز اللوحي والجوال جنباً إلى جنب من التقاط واحد.

معلومات مفيدة

• لا يمكن التقاط صفحات المتصفح مثل chrome://، وتأتي عناصر Canvas وWebGL والفيديو كصور.
• تعتمد النتائج على طريقة بناء كل موقع؛ ويبيّن تقرير الجودة ما تم قياسه أو تقريبه.
• يعمل على خطة Figma المجانية Starter.
• التقط فقط المواقع التي تملكها، أو لديك إذن بإعادة إنتاجها، أو التي تدرسها.

الأسعار · الأسئلة