Onlook
الوصف
🖼 ️اسم الأداة🖼 ️
أون لوك
🔖 فئة الأداة:
تدفقات عمل بدون كود / منخفضة الكود - محرر كود مرئي مدعوم بالذكاء الاصطناعي يربط بين التصميم والتطوير.
✏ ️ماذا تقدم هذه الأداة؟
تسمح Onlook للمصممين ومديري المنتجات والمطورين بـ
إنشاء تجارب الويب وتحريرها بصريًا (خاصةً React/Next.js + TailwindCSS) باستخدام عناصر السحب والإفلات والتحرير المتزامن مع التعليمات البرمجية.
استخدام مساعدة الذكاء الاصطناعي لإنشاء مكونات واجهة المستخدم من أوصاف باللغة الطبيعية، واقتراح تحسينات في التصميم، وتحويل التصميمات إلى أكواد، وتصحيح المشكلات.
استيراد المشاريع الحالية (GitHub)، ودمج مكتبات المكونات، وتصدير التعليمات البرمجية، والاستضافة أو الاستضافة الذاتية، والتعاون في الوقت الفعلي.
⭐ ما الذي تقدمه الأداة بالفعل بناءً على تجربة المستخدم؟
وجد المستخدمون أن Onlook يمكنها تسريع عملية تحويل أفكار التصميم إلى كود React جاهز للإنتاج بشكل كبير.
تساعد الأداة على تقليل الاحتكاك بين المصممين والمطورين من خلال الحفاظ على تزامن الشيفرة المباشرة مع التعديلات المرئية.
تتضمن بعض القيود تأخر الأداء في عمليات التحرير المعقدة، والمستوى المجاني المقيد للغاية، والنظام البيئي الذي لا يزال في طور النضوج - لذا فهو مثالي للفرق الراغبة في الاستثمار في الإعداد.
🤖 هل يتضمن الأتمتة؟
نعم - يقوم Onlook بالتشغيل الآلي:
توليد مكونات واجهة المستخدم من مطالبات أو أوصاف باللغة الطبيعية.
المزامنة بين الواجهة المرئية والرمز المباشر في الوقت الفعلي (التعديلات في التصميم تعكس الرمز والعكس صحيح).
التكامل مع قواعد التعليمات البرمجية الموجودة، وتمكين عمليات سير العمل التي يتم دفعها للنشر، ومواءمة التصميم مع البنية التحتية للإنتاج.
💰 نموذج التسعير:
فريميوم + مستويات مدفوعة (التفاصيل تتطور).
نواة مجانية/مفتوحة المصدر متاحة (GitHub repo، رخصة Apache-2.0).
إصدار مستضاف/سحابي وميزات المؤسسة/الفريق في إطار النموذج المدفوع (عرض توضيحي/حجز مكالمة).
🆓 تفاصيل الخطة المجانية:
الأداة الأساسية مفتوحة المصدر؛ يمكنك الاستضافة الذاتية أو استخدام الإصدار الأساسي مجانًا.
ملاحظة: قد يكون للنسخة المجانية قيود (على سبيل المثال، حدود الرسائل، وميزات أقل) للنسخة المستضافة.
💳 تفاصيل الخطة المدفوعة:
تفتح المستويات المدفوعة مزيدًا من الرسائل/إنشاء الذكاء الاصطناعي، والتعاون الجماعي، والاستضافة، والمشاريع واسعة النطاق. أمثلة على المراجعات تظهر النسخة المدفوعة المطلوبة للإنتاجية الكاملة.
🧭 طريقة الوصول:
قم بزيارة للتسجيل أو حجز عرض توضيحي.
ريبو GitHub متاح للاستضافة الذاتية أو التطوير.
🔗 رابط التجربة: