فيجما هي أداة تصميم واجهة شعبية تسمح لك بإنشاء نماذج أولية وتخطيطات لصفحات الويب وتطبيقات الهاتف المحمول والمزيد. ومع ذلك ، عندما يكون مشروع التصميم جاهزا ، من الضروري نقله إلى المطورين حتى يتمكنوا من إحيائه.
جزء مهم من هذه العملية هو نقل الأنماط من نظام تصميم فيغما إلى رمز كس. يتيح ذلك للمطورين استخدام الأنماط المحددة في فيجما بسهولة في مشاريعهم دون تكاليف العمالة والوقت غير الضرورية.
ستسلط هذه المقالة الضوء بالضبط على كيفية تصدير كس من فيجما لتسهيل عملية نقل الأنماط إلى المطورين.
ملاحظة: قبل تصدير كس من فيغما ، تأكد من تكوين المشروع بشكل صحيح ويحتوي على جميع الأنماط الضرورية التي تريد تصديرها.
- كيفية استخدام كس التصدير في فيجما: تعليمات خطوة بخطوة
- إنشاء التصميم الخاص بك في فيجما
- حدد العناصر التي تريد تصديرها إلى كس
- افتح علامة التبويب تصدير في اللوحة على اليمين
- انقر فوق الزر" إضافة تصدير " لكل عنصر محدد
- نسخ رمز كس ولدت واستخدامها في المشروع الخاص بك
كيفية استخدام كس التصدير في فيجما: تعليمات خطوة بخطوة
- افتح التخطيط في فيجما وحدد العنصر الذي تريد تصدير أنماطه.
- في اللوحة اليمنى من فيغما ، والعثور على لوحة خصائص وانقر على أيقونة كس ، والذي يقع تحت رمز رمز.
- في نافذة كس التي تظهر ، سترى أنماط العنصر بتنسيق كس. يمكنك نسخها أو حفظها إلى .ملف المغلق.
- إذا كنت ترغب في تصدير أنماط لعناصر أو مكونات متعددة ، يمكنك تحديدها في وقت واحد عن طريق الضغط باستمرار على مفتاح شيفت أو كمد.
- بعد تصدير الأنماط ، يمكنك استخدامها في التعليمات البرمجية الخاصة بك عن طريق إدراج قواعد كس المناسبة.
يرجى ملاحظة أن كس تصدير إلى فيغما يعمل فقط للعناصر التي لديها أنماط محددة في واجهة فيغما. إذا كان العنصر يحتوي على أنماط محددة باستخدام التعليمات البرمجية ، فلن يتم تصديرها.
استخدام كس التصدير في فيغما سوف تساعدك على تقليل الوقت وتبسيط عملية نقل الأنماط من تخطيط إلى صفحة ويب. هذا هو أداة مفيدة للمصممين والمطورين للعمل معا وتساعد على تقليل عدد الأخطاء عند إنشاء موقع على شبكة الانترنت على أساس تخطيطات فيغما.
إنشاء التصميم الخاص بك في فيجما
1. تسجيل الدخول إلى حساب فيجما الخاص بك أو التسجيل إذا لم يكن لديك حساب حتى الآن.
2. قم بإنشاء مشروع جديد بالنقر فوق الزر" إنشاء جديد " أو تحديد العنصر المناسب في القائمة.
3. حدد نوع المشروع: تصميم الواجهة ، الرموز ، صفحة الويب ، إلخ.
4. قم بإنشاء ملف جديد بالنقر فوق الزر" إنشاء ملف جديد". يمكنك أيضا الاختيار من بين القوالب أو استيراد تصميم جاهز.
5. ابدأ في إنشاء التصميم الخاص بك باستخدام أدوات ووظائف فيجما المختلفة.
6. أضف عناصر إلى التخطيط ، واضبطها على الأحجام والألوان والخصائص الأخرى المطلوبة.
7. استخدم المكونات والأنماط الجاهزة لإنشاء تصميم أسرع وأكثر ملاءمة.
8. احفظ تقدمك بانتظام حتى لا تفقد العمل الذي قمت به في حالة حدوث مواقف غير متوقعة.
9. يمكنك تصدير التصميم الخاص بك إلى كس في أي وقت لاستخدامها بسهولة على موقع الويب الخاص بك أو في مشاريع أخرى.
10. لتصدير كس ، حدد العناصر المطلوبة أو الصفحة بأكملها ، ثم انقر فوق الزر "تصدير" في شريط الأدوات الأيسر.
11. في النافذة التي تفتح ، حدد تنسيق التصدير ، على سبيل المثال ، كس ، وتكوين معلمات إضافية حسب تقديرك.
12. انقر على زر" تصدير " وحفظ الملف مع رمز كس على جهاز الكمبيوتر الخاص بك.
الآن يمكنك استخدام كس المصدرة لتطوير الشبكة وتطبيقه على المشروع الخاص بك. حظا سعيدا في إنشاء التصميم الخاص بك!
حدد العناصر التي تريد تصديرها إلى كس
لتصدير كس من فيغما ، يجب عليك أولا تحديد العناصر في التخطيط الذي تحتاج إلى تصديره.
قد تحتاج إلى تصدير تصميم عناصر مثل العناوين والفقرات والأزرار وقوائم التنقل والصور وعناصر التصميم الأخرى لاستخدامها لاحقا في تطوير الويب.
حدد العناصر التي لها أنماط فريدة أو التي تريد نقلها إلى رمز كس. انتبه إلى الخطوط والألوان والأحجام وهوامش العناصر.
أو يمكنك استخدام المجموعات والمكونات في فيجما لتسليط الضوء بسهولة وتنظيم العناصر للتصدير.
سيساعدك تحديد العناصر التي يجب تصديرها إلى كس على إدارة الأنماط بشكل أكثر فعالية وتبسيط عملية تطوير موقع الويب.
افتح علامة التبويب تصدير في اللوحة على اليمين
لتصدير كس من فيغما ، تحتاج إلى فتح علامة التبويب تصدير في لوحة على اليمين.
1. في فيجما ، افتح التصميم الذي تريد تصدير كس منه.
2. سترى شريط أدوات على الجانب الأيمن من الشاشة. انقر على أيقونة" تصدير " ، والتي يشار إليها برمز السهم لأسفل.
3. في شريط الأدوات ، حدد علامة التبويب تصدير.
4. في علامة التبويب تصدير ، سترى قائمة بجميع الموارد المتاحة للتصدير ، بما في ذلك كس.
5. انقر فوق عنصر" كس " في قائمة الموارد.
6. في النافذة التي تظهر ، حدد خيارات تصدير كس التي تحتاجها ، مثل تنسيق الملف والإعدادات.
7. انقر فوق الزر" تصدير " وحدد المجلد أو الملف حيث تريد حفظ كس.
8. سيتم تصدير ملف كس إلى الموقع الذي تختاره ، ويمكنك استخدامه لتطوير الويب.
الآن لديك تعليمات مفصلة حول كيفية فتح علامة التبويب" تصدير " في لوحة على اليمين وتصدير كس من فيغما.
انقر فوق الزر" إضافة تصدير " لكل عنصر محدد
بعد تحديد جميع العناصر الضرورية في فيجما ، ستحتاج إلى النقر فوق الزر" إضافة تصدير " لكل منها. سيسمح لك ذلك بحفظ الأنماط ورمز كس للعناصر لاستخدامها في المستقبل.
يوجد زر إضافة تصدير في لوحة الخصائص ، والتي يمكنك العثور عليها على الجانب الأيمن من مساحة عمل فيجما.
بعد النقر على هذا الزر ، يمكنك تحديد صيغ التصدير المختلفة مثل ينغ أو سفغ وتحديد خيارات التصدير الأخرى وفقا لاحتياجاتك.
من المهم ملاحظة أن كل عنصر تم تصديره سيكون له رمز كس الخاص به والذي يمكنك استخدامه في المستقبل. هذا يسمح لك لإنشاء النسخ المتماثل دقيقة من الأساليب من فيغما على موقع الويب الخاص بك أو تطبيق ويب.
توفير البساطة والراحة في تنفيذ الأساليب من فيغما ، يصبح زر" إضافة تصدير " أداة لا غنى عنها للمصممين والمطورين الذين يعملون على إنشاء واجهة ويب جميلة وحديثة.
نسخ رمز كس ولدت واستخدامها في المشروع الخاص بك
عندما تقوم بإعداد جميع الأنماط وإنشاء رمز كس في فيجما ، تحتاج فقط إلى نسخه واستخدامه في المشروع الخاص بك. لنسخ الرمز ، يمكنك النقر فوق الزر "نسخ كس" بجوار الأنماط الفردية أو المكونات المجمعة.
بعد نسخ رمز كس ، لصقه في المكان المناسب في المشروع الخاص بك. عادة يتم وضع رمز كس في النمط.ملف كس ، ولكن يمكنك أيضا استخدام أنماط مضمنة أو لصق التعليمات البرمجية مباشرة في ملف هتمل.
من المهم ملاحظة أن رمز كس المنسوخ يحتوي فقط على الأنماط التي تم تكوينها في فيجما. تحتاج إلى التأكد من تثبيت جميع الخطوط والصور والموارد الأخرى الضرورية بحيث يبدو مشروعك كما هو الحال في فيجما.