هل لديك تصميم على Figma أو Adobe XD وتحتاج لتحويله إلى تطبيق Flutter فعلي؟
سأقوم بتحويل أي تصميم UI/UX إلى كود Flutter مطابق تمامًا للتصميم، بجودة عالية ودقة بصرية واحترافية في كتابة الكود. الخدمة تشمل تحويل الصفحات، تنظيم الكود، واستخدام أفضل ممارسات الأداء والهيكلة.
ماذا تشمل الخدمة:
تحويل تصميم UI/UX إلى واجهات مستخدم مطابقة 100% باستخدام Flutter
دعم لجميع أحجام الشاشات (Responsive)
تحسين الأداء باستخدام const, RepaintBoundary, وCode Splitting
تنظيم الكود باستخدام هيكلة نظيفة (مثل MVVM أو Clean Architecture حسب الطلب)
دعم كامل للغة العربية (Right to Left)
إمكانية إضافة Action بسيط للأزرار (مثل تنقل أو Alert)
مقارنة دقيقة بين التصميم والكود النهائي باستخدام أدوات قياس
عدد التطبيقات المغطاة:
هذه الخدمة مخصصة لتحويل تصميم واحد لتطبيق واحد فقط في كل طلب.
لو عندك أكثر من تطبيق، يمكن طلب عرض خاص منفصل.
الباقات:
🔹 الباقة الأساسية – 20 دولار
تحويل شاشة واحدة من التصميم إلى كود
تصميم ثابت بدون تفاعلات ديناميكية
كود نظيف ومنظم
يدعم تغيير اللغة والاتجاه
تسليم خلال يومين
🔸 الباقة المتوسطة – 30 دولار
تحويل من شاشتين حتى 5 شاشات
تصميم متجاوب (Responsive لجميع المقاسات)
تضمين بعض التفاعلات الأساسية (مثل أزرار، تنقل، Animation بسيطة)
استخدام إدارة حالة خفيفة مثل setState أو Provider
تسليم كود مرتب في مجلدات منظمة
مقارنة مرئية بين التصميم والكود النهائي بنسبة تطابق
🔺 الباقة المميزة – 70 دولار
تحويل من 6 شاشات حتى 10 شاشات كاملة
دعم كامل للتصميم المتجاوب تفاعلات معقدة (مثل Carousel, Animations, PageView)
استخدام إدارة حالة منظمة (BLoC / Provider / Riverpod حسب الطلب)
تحويل التصميم مع تحسينات صغيرة لتحسين تجربة المستخدم
كتابة الكود بطريقة قابلة لإعادة الاستخدام
تسليم تقرير يشمل:
نسبة التطابق بين التصميم والتطبيق (تصل لـ 98%)
شرح التقنيات المستخدمة
ملاحظات لتحسين التصميم الأصلي إن وُجد
دعم فني لمدة 3 أيام بعد التسليم
أدوات أستخدمها:
Figma Inspect Plugins
Adobe XD Specs
Flutter DevTools
Responsive Framework
Clean Architecture / MVVM حسب الحاجة
كيف يتم قياس جودة التحويل:
مقارنة لونية وبصرية بين التصميم والكود
التأكد من الـ Spacing، Fonts، وأحجام العناصر
تجربة عملية على أكثر من مقاس شاشة
تقارير أداء لـ FPS وسرعة تحميل الصفحة
ملاحظات:
لا تشمل الخدمة منطق التطبيق أو الربط بـ API (إلا بطلب إضافي)
التصميم يجب أن يكون واضح ومنظم في Figma/XD لتسريع العمل
يمكن استقبال التصميم كـ ملف PDF أو صور لكن يفضل الملف المفتوح
