أيقونة تطبيق Swift Web Studioأيقونة تطبيق Swift Web Studio

Swift Web Studio

صمّم بـ SwiftUI في المتصفح، واحتفظ بشيفرة Swift.

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

Swift Web Studio

معظم أدوات التصميم ترسم صورًا للتطبيقات. أما Swift Web Studio فيحرّر التطبيق نفسه: كل تغيير على اللوحة هو تغيير في شيفرة Swift المصدرية، فتصبح الشيفرة نفسها هي ما تسلّمه.

تعرّف على أبرز المزايا.

  • صمّم بلغة Swift. عدّل النصوص والألوان والمسافات والتخطيط والتفاعلات على اللوحة، فتتغيّر شيفرة Swift المصدرية معها.

    Swift Web Studio
  • تصاميم قابلة لإعادة الاستخدام. مكوّنات بمُدخلات ومتغيّرات محفوظة، إلى جانب ألوان ومسافات وأنماط نصوص مشتركة.

    Swift Web Studio
  • محتوى حقيقي. عدّل سجلات المجموعات وتصميم الصف المشترك بينها، وجرّب سيناريوهات المعاينة دون تغيير بيانات التطبيق.

    Swift Web Studio
  • راجِع واعرض. قارن بين الأجهزة والمظهر وأحجام النص، وتحقّق من التباين وأهداف اللمس وتجاوز المحتوى لحدوده.

    Swift Web Studio
  • إلى عمق الشيفرة. محرّر Swift مع التشخيصات والإكمال التلقائي والتنقّل بين الرموز وإعادة التسمية.

    Swift Web Studio
  • سلّم العمل. صدّر مشروع Xcode أو تطبيق Swift Playgrounds أو حزمة Swift أو مواصفات XcodeGen.

    Swift Web Studio

أداة للمصممين تتحدّث بلغة Swift.

  • تعديلات تحافظ على الشيفرة المصدرية. تُجرى التغييرات المرئية على شيفرة Swift الأساسية، وكل ما لا تستطيع اللوحة تعديله يبقى قابلًا للتعديل في الشيفرة.

  • المكوّنات. مُدخلات النسخ، والمتغيّرات المحفوظة، وألوان ومسافات وأنماط نصوص مشتركة.

  • المجموعات. سجلات بتصميم صف مشترك، وسيناريوهات معاينة لتجربة المحتوى.

  • معاينة الجهاز. معاينة تفاعلية عبر أحجام الأجهزة والمظاهر وأحجام النص.

  • الفحوص. تنبيه إلى المشكلات المحتملة في التباين وأهداف اللمس وتجاوز المحتوى لحدوده.

  • العرض. اعرض الشاشات، أو صدّر صور PNG وأوراقًا مجمّعة للمعاينة.

  • تراجع مشترك. نظّم الشاشات والطبقات مع التراجع والإعادة عبر كليهما.

  • الصور. استورد صور PNG وJPEG، مع نسخ اختيارية للوضع الداكن.

  • الحفظ التلقائي والأرشيفات. تُحفظ المشاريع في المتصفح، ويمكنك تنزيل أرشيف قابل للتعديل في أي وقت.

نظرة إلى الداخل.

حِزم المترجم والمفسّر والتخطيط مستقلة عن React وDOM. وتعمل المعاينة داخل Web Worker.

المحرّر
apps/webمساحة عمل Next.js، والمحرّر، والنوافذ الحوارية، ومضيف الـ Worker
اللغة
swift-syntaxالمحلّل المعجمي، والمحلّل النحوي، وشجرة البنية النحوية، وتعديلات الشيفرة المصدرية
swift-semaاستبانة الأسماء، والتحليل الدلالي، وتعديلات التصميم
بيئة التشغيل
swift-runtimeمفسّر للغة Swift
swiftui-runtimeحالة SwiftUI، وتركيب العروض، والتفاعلات
التصيير
swiftui-layoutالتخطيط وقياس النصوص
swiftui-render-domعرض شجرة التصيير
المشاريع
project-modelالمشاريع، والملفات، والقوالب، والحفظ الدائم، والمشاركة
exporterتهيئة هيكل المشروع، واستيراد ملفات ZIP وتصديرها
shared · sim-shellأنواع مشتركة ومواصفات الأجهزة

تفسّر المعاينة مجموعة فرعية مدعومة من Swift وSwiftUI. فهي لا تشغّل مترجم Apple ولا iOS Simulator، لذا تُبنى التطبيقات المُصدَّرة وتُراجَع في Xcode قبل إصدارها.

ست طرق للتصدير.

تبقى شيفرة Swift المصدرية محفوظة في كل تنسيق.

  • مشروع Xcode

    مشروع جاهز للفتح مباشرة للتطوير الأصلي.

  • تطبيق Swift Playgrounds

    افتحه وشغّله على iPad أو Mac.

  • حزمة Swift

    أضف العروض إلى تطبيق قائم.

  • مواصفات XcodeGen

    أنشئ المشروع من ملف مواصفات.

  • أرشيف قابل للتعديل

    ملف .swiftstudio.zip قابل للنقل يضم الشيفرة المصدرية والصور والإعدادات وبيانات التصميم الوصفية.

  • رابط مشاركة

    المشاريع الخالية من الصور تنتقل داخل الرابط نفسه.

المواصفات التقنية

التقنيات
TypeScript؛ مساحة عمل Next.js مع حِزم مستقلة للغة وبيئة التشغيل والتخطيط
المعاينة
مفسّر لـ Swift وSwiftUI داخل Web Worker، يغطي مجموعة فرعية موثّقة
التخزين
حفظ تلقائي في المتصفح (IndexedDB)؛ وأرشيفات .swiftstudio.zip قابلة للتعديل
التصدير
مشروع Xcode، وتطبيق Swift Playgrounds، وحزمة Swift، ومواصفات XcodeGen
الأوامر النصية
إنشاء اختياري بالأوامر النصية، باستخدام مفتاح المزوّد الخاص بك
الجودة
تكامل مستمر (CI) مع فحص الأنواع والتدقيق واختبارات الوحدات؛ واختبارات شاملة باستخدام Playwright؛ وحد أقصى لحجم الحزمة
التشغيل
عرض تجريبي مباشر، أو محليًا باستخدام Node.js 22 وnpm 11 · GitHub

أدوات أخرى