عاين وشارك واحصل على تعليقات حول إعلانات البانر HTML5 ونماذج إعلانات التواصل الاجتماعي مع Adpiler Com.
مجاني·ابتداءً من 39 دولارًا شهريًا
نبذة عن Onlook
ما هو Onlook؟
Onlook هو محرر مرئي للكود، ويوصف غالبًا بأنه 'Cursor للمصممين'. يتيح للفرق التصميم معًا مباشرة في قاعدة الكود الفعلية، مما يجعل الكود هو المصدر الأساسي للحقيقة. بدلاً من العمل في أداة تصميم منفصلة، يمكنك إنشاء النماذج الأولية والأفكار وبناء مواقع الويب من الصفر أثناء تعديل كود الواجهة الأمامية الفعلي.
ما المشكلة التي يحلها؟
تقليديًا، يتم التصميم والتطوير في صوامع منفصلة—يصمم المصممون في Figma، ويعيد المطورون البناء في الكود. يسد Onlook هذه الفجوة بالسماح لكلا الدورين بالعمل على نفس الملف، مما يلغي احتكاك التسليم ويضمن أن نظام التصميم متزامن دائمًا مع التنفيذ.
لمن هو؟
إنه الأنسب لفرق المنتجات، خاصة تلك التي لديها تطبيقات ويب React، حيث يتعاون المصممون والمطورون عن كثب. إذا كنت تريد التكرار بسرعة على واجهة المستخدم دون مغادرة قاعدة الكود، أو إذا كنت مطورًا تريد التحرير المرئي دون كتابة كل Class، فإن Onlook مناسب لك. إنه ليس للمستخدمين غير التقنيين الذين يحتاجون إلى أداة تصميم مستضافة بالكامل دون أي برمجة.
حالات استخدام حقيقية
تستخدم الفرق Onlook لإصلاح مشكلات التخطيط المتجاوب (مثل مثال البناء بالطوب في العرض التوضيحي)، وإنشاء وإدارة رموز التصميم، وتنسيق مشروع بأكمله، وحتى بناء ميزات جديدة من الصفر. كما يُستخدم في النماذج الأولية والنماذج المصغرة، مع إمكانية تصدير الكود إلى جهازك المحلي أو النشر إلى GitHub.
الميزات الرئيسية
- التحرير المرئي في الكود الفعلي — تعامل مباشرة مع شجرة مكونات React والأنماط، مع انعكاس التغييرات في قاعدة الكود الفعلية.
- مساعدة الذكاء الاصطناعي — استخدم أوامر باللغة الطبيعية لتعديل واجهة المستخدم، مثل إصلاح نقاط التوقف المتجاوبة أو إضافة ميزات جديدة.
- قوالب المشاريع — احفظ وأعد استخدام المشاريع الكاملة كقوالب عبر فريقك لنقاط بداية متسقة.
- التفرع والتحكم في الإصدارات — أنشئ وأدر الفروع لمشاريعك مع سجل كامل للإصدارات، مدمجًا مع Git.
- السمات والعلامة التجارية — مركزية رموز التصميم ولوحات الألوان وإدارة الخطوط لعلامة تجارية متسقة.
- مبني مثل أداة تصميم — تنقل في شجرة مكوناتك بالتحكم الدقيق في كل عنصر، تمامًا كما في تطبيق تصميم.
- أمان متقدم (للفرق) — SSO (SAML/OAuth) وعناصر تحكم أمنية متقدمة وسجلات التدقيق وعناصر تحكم إدارية لاحتياجات المؤسسات.
تقييم SaaSpartout
7.6
/10
تقييم تحريري وفق منهجية المراجعة لدينا — وليس تقييمات المستخدمين.
◆ مستشار الذكاء الاصطناعي — 30 ثانية، بدون تسجيل
لماذا تبحث عن أداة Mockup & Prototyping اليوم؟
أسعار Onlook
أسعار Onlook: مجاني (استضافة ذاتية) | حسب الطلب للفرق. نموذج الفوترة: Free.
للمقارنة: متوسط سعر البداية في التصميم والإبداع هو $12/شهر، مقيسًا على 274 أداة نتابعها. اطّلع على SaaS Pricing Index كاملًا →
مجاني (استضافة ذاتية)
Onlook مفتوح المصدر ويمكن استضافته ذاتيًا مجانًا عبر GitHub. يمنحك هذا تحكمًا كاملاً وهو مثالي للأفراد أو الفرق التي ترتاح لإدارة نشرها الخاص.
للأعمال
أسعار مخصصة مصممة لاحتياجات فريقك. تشمل قوالب المشاريع، والتفرع والتحكم في الإصدارات، والسمات والعلامة التجارية، والأمان المتقدم (SSO، سجلات التدقيق)، والمزيد. اتصل بنا لعرض توضيحي.
Onlook حاليًا في النسخة التجريبية المغلقة—احجز عرضًا توضيحيًا للوصول المبكر.
الأسئلة الشائعة
هل Onlook مجاني؟
نعم، Onlook مفتوح المصدر ويمكن استضافته ذاتيًا مجانًا من GitHub. الإصدار السحابي المستضاف متاح بأسعار مخصصة للفرق.
كم تبلغ تكلفة Onlook؟
النسخة المستضافة ذاتيًا مجانية. بالنسبة لخطة الفرق المستضافة، الأسعار مخصصة ومصممة لاحتياجاتك—اتصل بفريق Onlook للحصول على عرض سعر.
لمن هو Onlook الأفضل؟
Onlook هو الأفضل لفرق المنتجات، خاصة المصممين والمطورين الذين يعملون على مشاريع ويب React، الذين يريدون التعاون مباشرة في قاعدة الكود.
ما هو Onlook وكيف يعمل؟
Onlook هو محرر مرئي للكود. يتيح لك تصميم وتنسيق تطبيقات الويب مباشرة في قاعدة الكود الفعلية، مما يجعل الكود هو المصدر الأساسي للحقيقة. يمكنك رؤية شجرة مكونات React وتعديل الأنماط بصريًا، مع مساعدة الذكاء الاصطناعي لمهام مثل إصلاح التخطيط.
ما هي أفضل بدائل Onlook؟
تشمل البدائل أدوات التصميم التقليدية مثل Figma (للنماذج المصغرة)، ومنشئات الويب المرئية مثل Webflow، ومحررات الكود مثل Cursor أو GitHub Copilot. يتميز Onlook بدمج التحرير المرئي مع الكود الفعلي كمصدر للحقيقة.
ما هو القيد الرئيسي لـ Onlook؟
Onlook حاليًا في النسخة التجريبية المغلقة، لذا الوصول محدود. أيضًا، هو الأنسب للمشاريع القائمة على React، لذا قد تحتاج الفرق التي تستخدم أطرًا أخرى إلى الانتظار لدعم أوسع.
