المقدّم: ناصر عوامي

المنصة: Google Meet | بحضور عدد ( 42  ) من المشاركين

التاريخ: يوم الثلاثاء 25 مارس 2025 | الساعة 9:30 مساءً

أُقيمت ورشة عمل تفاعلية بعنوان “Introduction to Framer” ضمن فعاليات مبادرة ليالي قوقل الرمضانية، قدّمها ناصر عوامي عبر منصة Google Meet، بحضور عدد من المصممين والمطورين والمهتمين بتصميم واجهات المستخدم.

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

محاور الورشة الأساسية:

1. التعرف على أساسيات Framer

2. استكشاف واجهة التطبيق والتنقل داخلها

3. كيفية التعامل مع الأدوات والخصائص المتاحة

4. خطوات إنشاء واجهات تفاعلية

5. كيفية اختبار وإطلاق المشروع على الويب

بعض الأسئلة التي طُرحت خلال الورشة:

• هل يمكن استخدام Framer دون خلفية في البرمجة؟

• ما الفرق بين Framer وأدوات تصميم أخرى مثل Figma أو Adobe XD؟

• هل يمكن تصدير الواجهة مباشرة كموقع أو تطبيق من Framer؟

• ما هي أبرز المميزات التي تجعل Framer مناسبًا لتصميم الواجهات التفاعلية؟

• كيف يتم ربط Framer بمنصات النشر أو الاستضافة؟

• هل يدعم Framer التعاون بين أكثر من مصمم في الوقت الفعلي؟

وفي نهاية الورشة، شكر ناصر عوامي الحضور على تفاعلهم، وشارك عددًا من الموارد التعليمية والروابط المفيدة لتطوير المهارات في Framer، مؤكدًا أن هذه الأداة تمثل نقلة نوعية في عالم تصميم الواجهات الحديثة.

Presenter: Nasser Awami

Platform: Google Meet | Attended by (42) participants

Date: Tuesday, March 25, 2025 | 9:30 PM

An interactive workshop titled “Introduction to Framer” was held as part of the Google Ramadan Nights initiative. It was delivered by Nasser Awami via Google Meet, with attendance from designers, developers, and enthusiasts interested in user interface design.

The workshop focused on introducing participants to the fundamentals of Framer, one of the most popular tools for designing interactive interfaces. The content progressed from basic concepts to hands-on application, enabling attendees to gain a clear understanding of how to work with Framer and build real projects using it.

Key topics covered in the workshop:

1. Introduction to Framer fundamentals

2. Exploring the interface and navigating within it

3. How to use the available tools and features

4. Steps to create interactive interfaces

5. How to test and launch a project on the web

Some of the questions raised during the session included:

• Can Framer be used without a programming background?

• What’s the difference between Framer and other design tools like Figma or Adobe XD?

• Is it possible to export a design directly as a website or application from Framer?

• What are the standout features that make Framer suitable for interactive UI design?

• How can Framer be integrated with publishing or hosting platforms?

• Does Framer support real-time collaboration between multiple designers?

At the end of the session, Nasser Awami thanked the attendees for their engagement and shared several educational resources and helpful links to further develop skills in Framer. He emphasized that Framer represents a major advancement in the world of modern interface design.