Onlook
محرر بصري مفتوح المصدر لـ React — صمّم مباشرة جوه تطبيقك الحقيقي
نظرة عامة
Onlook بيخلي المصمم يعدّل تطبيق React/Tailwind حقيقي شغّال بصرياً — دوس على أي عنصر وعدّل ستايله بأسلوب Figma، والتغيير بيتكتب في كودك الفعلي. مفتوح المصدر وبمساعدة AI، وأقصر جسر بين التصميم وواجهة الإنتاج.
المميزات
طريقة الاستخدام
ابدأ من onlook.com أو استضيف النسخة المفتوحة. استورد أو اعمل مشروع Next.js + Tailwind وبعدين عدّل أي عنصر بالضغط — الكوميتات بتوريك إيه اللي اتغير بالظبط.
الأسعار
Free (open source) / cloud plans
عرض تفاصيل الأسعارأسئلة شائعة
ده Figma تاني؟
لأ — Figma بيعدّل صور الواجهات؛ Onlook بيعدّل الواجهة نفسها. لمسات التصميم بتنزل كوميتات كود، من غير handoff.
إيه الستاكات المدعومة؟
React مع Tailwind هي المنطقة المثالية (Next.js الأفضل دعماً).
آمن للإنتاج؟
التغييرات تعديلات كود عادية بتتراجع في git زي أي PR — أأمن من مصمم بيوصف التعديل في تيكيت.
اقرأ مقالات عن AI والتصميم
نصايح واتجاهات في عالم التصميم و AI
اكتشف أدوات AI Coding
إضافات لـ Claude Code و Cursor و Copilot