ما يجب معرفته: تختلف شروط الاستخدام المجاني حسب الأداة والخطة. إذا لم تذكر البطاقة حدًا خاصًا بالأداة، فتحقق من الحصص والعلامات المائية وشروط التصدير في الصفحة الرسمية.
LottieFiles منصة لتصميم الحركة تضم مكتبة من أكثر من 800,000 رسم متحرك جاهز، مجاني وPremium، ومحرراً عبر الويب باسم Lottie Creator، وصيغتي Lottie وdotLottie.
التصميم ثلاثي الأبعاد والرسوم المتحركة للويب
Mobbin مكتبة مرجعية للتصميم تضم شاشات تطبيقات الجوال والويب، ومسارات متكاملة مثل التهيئة الأولية (onboarding) والدفع، وأنماط الواجهات، وأقسام المواقع؛ ويمنح الحساب المجاني وصولًا محدودًا.
إلهام التصميم
يحلل PageSpeed Insights عنوان صفحة للجوال وسطح المكتب، ويعرض بيانات ميدانية من مستخدمين حقيقيين مع بيانات مختبرية من Lighthouse.
اختبار سرعة الموقع وإمكانية الوصول
Penpot منصة تصميم مفتوحة المصدر لتصميم الواجهات وإنشاء الإطارات السلكية والنماذج الأولية التفاعلية؛ يمكنك استخدامها في السحابة أو تثبيتها على خادمك الخاص، وهي تعمل بمعايير مفتوحة مثل SVG وCSS وHTML وJSON.
تصميم الواجهات والنماذج الأولية
Phosphor Icons عائلة أيقونات بترخيص MIT للواجهات والمخططات والعروض التقديمية، تضم 1248 أيقونة وستة أوزان (رفيع وخفيف وعادي وعريض وممتلئ وثنائي اللون).
العثور على أيقونات
Placeit أداة تصميم عبر الويب من Envato تقدّم نماذج محاكاة (mockups) للملابس والأجهزة الرقمية والطباعة ومنتجات الطباعة عند الطلب، إضافة إلى منشئ شعارات وقوالب تصميم وأدوات فيديو؛ وتأتي التنزيلات غير المحدودة مع اشتراك.
إنشاء نماذج عرض (Mockup)
Rotato مولّد نماذج محاكاة (mockups) يضع تصميم تطبيقك أو موقعك على شاشات أكثر من 30 جهازاً جاهزاً ثلاثي الأبعاد (3D) ويحوّله إلى فيديو متحرك أو صورة؛ وله تطبيق لنظام macOS ونسخة ويب في مرحلة البيتا العامة.
إنشاء نماذج عرض (Mockup)
Shots.so تطبيق ويب لنماذج المحاكاة (mockups) يحوّل لقطات شاشة المنتجات إلى صور عرض أو مقاطع فيديو قصيرة بإطارات أجهزة وخلفيات وحركة رسومية متحركة.
إنشاء نماذج عرض (Mockup)
Squarespace منصة لإنشاء موقع ويب دون شيفرة بالقوالب ومحرر السحب والإفلات ومنشئ مواقع بالذكاء الاصطناعي، مع الاستضافة والنطاقات وأدوات التجارة في مكان واحد.
إنشاء موقع ويب دون برمجة
Uizard أداة لتصميم الواجهات بمساعدة الذكاء الاصطناعي، تنشئ نماذج أولية قابلة للتحرير متعددة الشاشات انطلاقاً من وصف نصي، وتحوّل لقطات الشاشة والرسومات اليدوية إلى تصاميم قابلة للتحرير.
تصميم الواجهات والنماذج الأولية
WAVE أداة من WebAIM تعلّم بأيقونات أخطاء إمكانية الوصول وWCAG مباشرة على صفحة الويب، وتتوفر كأداة عبر الإنترنت وكإضافة للمتصفح.
اختبار سرعة الموقع وإمكانية الوصول
Webflow منصة لإنشاء المواقع تتيح تصميم موقع بصريا دون كتابة شيفرة ونشره مع نظام إدارة محتوى واستضافة وتجارة إلكترونية.
إنشاء موقع ويب دون برمجة
WhatTheFont أداة تعرّف الخطوط من MyFonts تبحث في قاعدة بياناتها عن خطوط تشبه النص في صورة وتعرض قائمة مطابقات مع معاينات للنص.
العثور على خطوط