تخطّي إلى المحتوى الرئيسي

متاح لوظائف التصميم والبرمجة والذكاء الاصطناعي

تصميم × كود

أهلًا، أنا

محمدالغامدي

مصمم منتجات ومهندس واجهات · مهندس ذكاء اصطناعي طموح

أعمل عند نقطة التقاء التصميم والبرمجة: أبني أنظمة تصميم قابلة للتوسّع، وأحوّلها بنفسي إلى واجهات جاهزة للإنتاج، فلا يضيع شيء بين ملف التصميم والكود.

الأساس
تصميم × كود
التركيز
الذكاء الاصطناعي
أشتغل بـ
Figma / TypeScript

الرياض، المملكة العربية السعودية

(٠٢)

أعمال مختارة

دراسات حالة من الشغل.

(٠٣)

الأدوات

الأدوات والتقنيات اللي أشتغل فيها باستمرار.

تصميم المنتجات والواجهات

تصميم تجربة وواجهة المستخدم من البحث ورسم المسارات وصولاً إلى الشاشات النهائية عالية الدقة، بمحتوى حقيقي وقيود حقيقية لا بنماذج مثالية.

  • مسارات المستخدم والنماذج الأولية
  • واجهات عالية الدقة في Figma
  • النماذج الأولية واختبارات الاستخدام
  • تصوير البيانات ولوحات المعلومات

أنظمة التصميم

مكتبات مكوّنات بمتغيّرات وحالات موثّقة وقواعد تخطيط تلقائي، إلى جانب خطوط أنابيب للرموز التصميمية (Design Tokens) تُبقي Figma والكود متزامنين.

  • بنية المكوّنات ومتغيّراتها
  • الرموز التصميمية عبر Tokens Studio
  • التوثيق والحوكمة
  • مزامنة Figma مع الكود

تطوير الواجهات الأمامية

تحويل التصاميم إلى واجهات جاهزة للإنتاج: HTML دلالي وCSS وJavaScript وChart.js، ومكوّنات متجاوبة تراعي إمكانية الوصول.

  • HTML وCSS وJavaScript
  • Chart.js والواجهات المعتمدة على البيانات
  • مكوّنات متجاوبة وقابلة للوصول
  • نسخ تعمل دون اتصال بالإنترنت

التطوير

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Strapi
  • Git
(٠٤)

خلّنا نتواصل

مفتوح لأي شغل يجمع بين التصميم والكود، وأي فرصة أتعلّم فيها.

الإيميل

[email protected]

مقيم في الرياض، المملكة العربية السعودية · متاح للعمل عن بُعد أو حضوريًا