Locofy – إضافة لتحويل التصميم إلى كود ومولّد كود الواجهات الأمامية | Quasa.io

#Quasa #QUA #Locofy

يحوّل Locofy ملف التصميم إلى كود للواجهة الأمامية. المسار الرئيسي هو إضافة Figma: ضع وسومًا للمكوّنات، واختر إطار عمل، ثم صدّر الكود. Lightning هو مسار المعالجة بالذكاء الاصطناعي بنقرة واحدة. أما Classic فهو المسار الأبطأ الذي يُنفّذ خطوة بخطوة. تشمل المخرجات React وNext.js وVue وAngular وHTML/CSS وReact Native وFlutter. كما يُدرج Penpot وAdobe XD ضمن مصادر الإدخال، إلى جانب GitHub وVercel وNetlify لتسليم العمل. يُباع MCP لمساعدي البرمجة بالذكاء الاصطناعي ضمن الباقات المدفوعة. تختلف قوائم الأسعار المنشورة: يعرض بعضها Hobby بسعر $40 وPro بسعر $80 شهريًا، بينما يعرض بعضها الآخر Pro بسعر أقل. تحقّق من رمز SKU المعروض حاليًا. يُشار عادةً إلى فترة تجريبية مدتها 7 أيام. وتضيف Enterprise تسجيل الدخول الموحّد SSO والاستضافة الذاتية.

نقاط القوة الأساسية
• تحويل التصميم إلى مكوّنات، بدلًا من مجرد إخراج لقطة شاشة
• أطر عمل عديدة من ملف واحد
• Lightning للسرعة، وClassic عندما تريد التحكّم
• تلميحات للتصميم المتجاوب واكتشاف المكوّنات القابلة لإعادة الاستخدام
• كود يمكنك نقله إلى مستودع عادي  

مثالي لـ
فرق الواجهات الأمامية والمستقلين الذين يصمّمون بالفعل باستخدام Figma ويريدون مسودة أولى لواجهة المستخدم، وليس لمنطق الأعمال.

أبرز المزايا
• سير عمل عبر الإضافة داخل Figma
• وسوم دلالية في الملفات الأكثر تنظيمًا
• تقسيم إلى مكوّنات مثل البطاقات والجداول
• دعم منصات الأجهزة المحمولة، وليس الويب فقط
• الإشارة إلى SOC 2 وISO 27001 في صفحات المؤسسات  

اعتبارات محتملة
• ملفات Figma غير المنظّمة تنتج كودًا غير منظّم
• تتباطأ الملفات الكبيرة عند تجاوز بضعة إطارات
• التفاعلات مرئية؛ أما الحالة والبيانات فلا تزالان بحاجة إلى مطوّر
• قد ترتفع تكلفة التسعير القائم على الرموز ارتفاعًا حادًا مع الشاشات المعقّدة
• أسعار الباقات المنشورة لا تتطابق بين المراجعات  

التقييم العام
4.1/5 نجوم. استخدم Locofy لتجاوز مرحلة ضبط البكسلات. لا تُطلق الكود المصدّر بوصفه المنتج. واحصل أيضًا على مكافأة قدرها 1 QUA بكتابة مراجعة على Quasa.io!

ابدأ الآن: https://quasa.io/projects/locofy