Teleport 2.0 - أداة تعاونية لإنشاء واجهات المستخدم باستخدام البرمجة منخفضة الشيفرة

بعد أشهر من التحسينات المتتالية وملاحظات مستخدمينا، يسعدنا للغاية إطلاق أحدث إصدار من منصتنا!

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

في هذه التدوينة، سنستعرض بإيجاز بعض الميزات التي أضفناها، ونسلط الضوء على ميزات أخرى ضمن خطتنا المستقبلية.

محرك جديد للتعاون الفوري#

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

يقف وراء هذا المحرك عام كامل من العمل على تفاصيل المنصة الداخلية. وبدلًا من الاكتفاء بتحديث المحرك الحالي، قررنا إعادة كتابة المنصة بأكملها. كان ذلك قرارًا استراتيجيًا أعطى الأولوية للاستثمار في مكاسب طويلة الأمد.

سنتناول هذا القرار والتحديات والتداعيات بمزيد من التفصيل في تدوينة منفصلة.

أصبحت خاصية السحب والإفلات أكثر قوة!#

أفلِت العناصر في المكان الذي تريده، وغيّر مواضعها، واجمع عدة عناصر تلقائيًا، أو رتّبها بحرية. أصبحت خاصية السحب والإفلات في المنصة أكثر قوة وسلاسة وسهولة في الاستخدام.

هل أنت مصمم تحاول وضع العناصر في المكان المناسب؟ نحن هنا لمساعدتك!

هل أنت مطور ترغب في إنجاز العمل بسرعة دون التفكير في خاصية فليكس التي ينبغي ضبطها؟ هل هي justify-content أم align-items؟ ما عليك سوى وضع العناصر حيث تريدها، وسنتولى تحديثها نيابةً عنك.

ضع العناصر داخل حاوية

غيّر مواضع العناصر واجمعها

دعم أفضل لخصائص المكونات#

أصبح العمل مع المكونات وخصائصها أكثر سهولة. ابتداءً من الآن، سيجري اكتشاف الخصائص وإنشاؤها تلقائيًا للنصوص والروابط والصور.

في الإصدار القادم، سنضيف تجاوزات الأنماط والمتغيرات لمكوناتك.

الربط التلقائي لخصائص المكوّن

أداة فحص مرئية أسهل بكثير في الاستخدام#

أصبحت أداة الفحص المرئية أكثر من مجرد خصائص CSS معروضة في واجهة رسومية؛ فقد أصبحت سهلة الاستخدام.

في الإصدار الأول، كان على المستخدم معرفة وظيفة خيارات العرض flex, block, inlineو none بكل ما يترتب عليها. وكان يلزم فهم تقني متين لكيفية عمل CSS.

يوفر الإصدار الجديد تجربة أكثر سهولة للمصممين والمستخدمين غير التقنيين، مع إتاحة العمل مباشرةً بخصائص CSS للمطورين.

تأتي هذه التحسينات ضمن أبحاثنا المستمرة لتوفير تجربة إنشاء مخصصة وسهلة لكل عضو في الفريق، مهما كانت خبرته التقنية.

أداة فحص مرئية مبسطة

حالات واجهة المستخدم#

يتيح لك هذا الإصدار ضبط حالات التحويم, النشاط, التعطيلأو غيرها بسهولة من لوحة الفحص.

اضبط حالات التفاعل بسهولة

رموز التصميم#

أضفنا أيضًا رموز التصميم. قد يكون رمز التصميم لونًا أو نمط خط أو خاصية أبعاد. يمكنك تحديد مجموعات مخصصة من الرموز لكل مشروع.

بمجرد إنشاء رمز، يصبح متاحًا كمتغير في المشروع بأكمله. بدلًا من تعيين خصائص العناصر المتشابهة يدويًا مرارًا وتكرارًا، يمكنك استخدام أحد الرموز الموجودة. وإذا غيّرت قيمة الرمز، فسنحدّث جميع العناصر المرتبطة به تلقائيًا.

إلى جانب الفوائد الواضحة، مثل تسريع عملك وإتاحة عرض مركزي لأنماطك الأساسية، يُحسَّن الكود أيضًا في الخلفية. فلكل رمز تصميم تنشئه وتستخدمه، تنشئ مولدات الكود نمط CSS عامًا قابلًا لإعادة الاستخدام، ما يؤدي إلى حزمة كود أصغر حجمًا.

حدّد لوحة الألوان

ما الخطوة التالية؟#

لمزيد من المعلومات حول خططنا المستقبلية والإصدارات القادمة والميزات المطلوبة، يمكنك الاطلاع على خارطة الطريق العامة المتاحة على تريلّو.

تشمل العناصر البارزة ما يلي:

• جلسة مجهولة
• أنشئ واجهات مستخدم دون الحاجة إلى إنشاء حساب. شارك مشروعًا مع مستخدم ليس لديه حساب.
• إضافة فيغما
• استورد تصميمات فيغما مباشرةً إلى المنصة
• أصناف CSS
• ميزة طال انتظارها. شارك الأنماط بين العناصر من دون إنشاء مكوّنات أو نسخ الأنماط ولصقها يدويًا من عنصر إلى آخر. يشكّل هذا الأساس لدعم أوراق الأنماط الخارجية، مثل Tailwind CSS وBootstrap وChakra UI وMaterial UI وغيرها من المكتبات.
• التفاعلية ومعالجة الأحداث والعرض المشروط
• أضف معالجات أحداث لإجراءات النقر، وتحكّم في ظهور العناصر بناءً على الشروط أو إجراءات المستخدم، وغير ذلك.
• جلب البيانات وربطها
• ها نحن قادمون إلى JAMstack! ادمج نظام إدارة المحتوى المنفصل المفضّل لديك، واربط البيانات بواجهة المستخدم، وستكون جاهزًا للانطلاق.
• العناصر القابلة للتكرار
• استخدم الجداول أو القوائم أو غيرها من العناصر القابلة للتكرار.
• تكامل سير العمل للمطورين
• ادمج مشروعك مع GitHub أو CodeSandbox. سنضيف واجهة سطر أوامر لدمج تصميمك مع قاعدة شيفرة موجودة.

نود أن نشكر جميع مستخدمينا على ملاحظاتهم القيّمة والوقت الذي أمضوه معنا خلال مقابلات المستخدمين. لم يكن هذا الإصدار ليرى النور لولا مساهماتهم القيّمة.