فاطمة العمودي 🌻 | UI/UX Designer
فاطمة العمودي 🌻 | UI/UX Designer

@AlamoudiBy

8 تغريدة Apr 16, 2023
🌙درسنا الرابع والعشرون من دورس تعلم فيجما بيكون عن:
🌟لو عندك معلومات في Google sheet كيف ممكن تستخرجها و تعرضها في خطوة واحدة في فيجما
#figma
@Designers_Sup
بالبداية قد يكون عندك معلومات في Google sheet عن بيانات تحتاج تستخدمها في التصميم او دراسة تحتاج تعرضها في العرض. بدل ما تنسخ البيانات لاستعراضها في فيجما نقدر تستخرجها بضغطة زر. نحتاج نستخدم إضافة في فيجما (plug-in) اسمه Google sheets syns.
رابط الإضافة:
figma.com
اول شئ تحتاج يكون عندك Google sheet فيها البيانات اللي تحتاجه. تحتاج ايضاً يكون عندك component اللي هي البطاقة ومسمي أماكن تعبئة البيانات (اللي على اليمين في الصورة) نفس أسماء الأعمدة في Google sheet + # مثل الموضح في الصورة.
بعدها تحتاج تنسخ رابط Google sheet ولازم يكون نوع access (Anyone with the link) عشان الإضافة تقدر توصل الملف مثل الموضح في الصورة.
بعدها في التصميم لازم يكون عندك component رئيسي ومستخدم نسخ منه في التصميم (اللي هنا هو البطاقة) مثل الموضح في الفيديو.
بعدها تحتاج تشغل الإضافة مع اختبار البطاقات وتلصق رابط Google sheet اللي نسخته في واجهة الإضافة وتضغط زر fetch & Sync بعدها الإضافة بتستخرج كل البيانات الموجودة في Google sheet وبتلصقها في البطاقات مثل الموضح في الفيديو.
وبس كذا خلصنا اتمنى ان الدرس مفيد لكم ولنا لقاء غداً بإذن الله مع درس جديد💜.

جاري تحميل الاقتراحات...