Open Design: بديل مجاني ومفتوح المصدر لـ Claude Design
قالب مجاني خطوة بخطوة من ريلز طه — الأدوات والـ prompts والروابط بالضبط، مرتّبة لتتابع معها وتُطلق تطبيقك. علّق بالكلمة المفتاحية على الريل ويصلك أيضًا في رسائلك الخاصة.
مرحبًا! 👋 إليك ما وعدتك به:
Claude Design هي أداة التصميم من Anthropic. Open Design تطبيق مجاني ومفتوح المصدر (Apache-2.0) يعمل بنفس الطريقة — chat مع canvas: تكتب الـ prompt، ترى التصميم، وتواصل التعديل حتى يصبح كما تريده بالضبط — لكنه يعمل بالـ AI model الذي تختاره أنت.
🔗GitHubhttps://github.com/nexu-io/open-design🔗Open Designhttps://open-design.ai🔗Claude Design (الأصل)https://claude.com/product/designماذا تصنع به
- مواقع وlanding pages فيها animations
- prototypes لتطبيقات mobile
- slide decks
- motion graphics، مع export إلى MP4
استعمل أي AI model
- الـ coding agent الذي عندك أصلًا — Claude Code، Codex، Cursor… (يعمل بالـ subscription الذي تدفعه حاليًا)
- الـ API key الخاص بك — OpenAI أو Anthropic أو Google Gemini أو أي endpoint متوافق مع OpenAI
- local model على حاسوبك عبر Ollama أو LM Studio
الـ setup
- حمّل تطبيق الـ desktop لـ macOS أو Windows من open-design.ai أو من GitHub Releases (على Linux: شغّله من الـ source، راجع الـ README).
- افتحه — يكتشف تلقائيًا الـ coding agents المثبتة على حاسوبك.
- اكتب الـ brief، ثم واصل الـ prompting على الـ canvas حتى يصبح التصميم كما تريد.
- اعمل export، أو أعطِ الـ HTML لـ Claude Code / Cursor لتكمل البناء.
تريد المزيد؟ تقدّم أكثر في فصل Atlas Room على Skool
هذه الصفحة تعطيك الأدوات. أما فصل Skool فيأخذك خطوة بخطوة — دورات وأدلة كاملة لتبني وتبيع تطبيق AI أو SaaS خاصًا بك، بالدارجة، مع درس جديد كل أسبوع.
انضم إلى فصل Skool ←قوالب مجانية أخرى
تصفّح كل القوالب ←اجعل Claude يراجع الـ design الخاص به
MiniMax H3: فيديو بالـ AI مع الصوت، على حاسوبك
3 tricks حتى لا يصل Claude Code إلى الـ limit
اجعل Claude Code يستمر في العمل مع 9Router
أداة مجانية من Google مثل Duolingo لتتعلم الكلام
جديد في Claude Code؟ ابدأ بهذه الـ 5