إنشاء الشيفرة فورًا لبيئة التطوير التي تفضلها
انسخ طبقات العناصر من Figma إلى TeleportHQ وأنشئ الشيفرة فورًا باستخدام React أو Next أو Vue أو Nuxt أو Angular أو HTML وCSS عاديين. توفّر إضافة Figma انتقالًا سلسًا من النموذج الأولي أو التصميم إلى تصدير شيفرة نظيفة.
التصدير إلى React
التصدير إلى Next
التصدير إلى أنغولار
التصدير إلى Vue
التصدير إلى Nuxt
كيفية تحويل تصاميم فيغما إلى HTML وCSS (شرح بالفيديو)
شاهد هذا الفيديو التعليمي القصير لمعرفة كيفية تحويل تصميم Figma إلى HTML وCSS. اتبع هذه الخطوات السهلة وستكون جاهزًا لتصدير تصميم Figma في وقت قصير.أنشئ أكوادًا باستخدام خمسة أطر عمل مختلفة لـ JavaScript، بما في ذلك React وAngular وVue، عبر TeleportHQ.
تحويل تصميمات TeleportHQ إلى رمز برمجي الميزات
توفّر إضافة التصدير الخاصة بنا في Figma طريقة مباشرة لتحويل تصاميم Figma إلى HTML وCSS، مع التركيز الأساسي على تسهيل تسليم العمل من المصمم إلى المطور.
إنشاء الشيفرات البرمجية فورًا
جرد الأصول
التصدير إلى CodeSandbox
التصدير إلى TeleportHQ من Figma
انشر مشروعك كموقع إلكتروني على فيرسيل
كيفية تصدير تصميمك من فيجما إلى كود HTML؟
لتصدير عملك من Figma، عليك أولًا تثبيت إضافة TeleportHQ Design to Code. بعد تثبيت الإضافة، يمكنك تحويل أي تصميم في Figma إلى HTML باتباع أربع خطوات بسيطة.الخطوة ١
تشغيل الإضافة
شغّل إضافة التصدير في فيغما باتباع الخطوات التالية: انقر بزر الماوس الأيمن > الإضافات > TeleportHQ Design to Code
الخطوة ٢
اختر إطارك
شغّل إضافة التصدير من فيغما باتباع الخطوات التالية:
انقر بزر الماوس الأيمن > الإضافات > TeleportHQ Design to Code
الخطوة 3
صدّر تصميمك
لتحويل تصميم فيغما إلى شيفرة برمجية، انقر على زر «التصدير إلى TeleportHQ»، وسيُنشأ مشروع تلقائيًا في TeleportHQ يتضمن الناتج.
إذا كنت تحدّث مشاريع موجودة، فاستخدم زر "نسخ الطبقات إلى الحافظة" للنسخ، ثم الصقها في مشروعك الحالي على TeleportHQ.
صدّر أي إطارات من فيغما إلى HTML وCSS، وتحقّق من صحة تصميماتك في دقائق
تُبسّط TeleportHQ عملية التعاون بين المصممين والمطورين، إذ تتيح لك تصدير HTML وCSS بسرعة، أو استيراد تصاميم Figma إلى React وVue أو غيرهما من صيغ الشيفرة المدعومة والملائمة للمطورين. حوّل تصميمك تلقائيًا إلى شيفرة جاهزة للإنتاج، لتسليم أسرع إلى المطورين.
