التصميم والتطوير

Coolors مولّد لوحات ألوان مع منتقي ألوان من الصور وأداة فحص التباين والتدرجات ومكتبة لوحات مشتركة يمكن تصفحها.

Iconoir مكتبة أيقونات مفتوحة المصدر تضم أكثر من 1600 أيقونة SVG على شبكة 24×24، بترخيص MIT ودون تسجيل؛ ويمكنك تصفح الأيقونات وتنزيلها من موقعها.

Open Peeps مكتبة رسوم مرسومة يدويا من Pablo Stanley بترخيص CC0، تركّب فيها شخصيات بخلط الأذرع والأرجل وتسريحات الشعر والملابس وتعابير الوجه والوضعيات.

Accessibility Insights for Web أداة من Microsoft تعمل كإضافة لمتصفحي Chrome وMicrosoft Edge، وتقدم FastPass لفحص سريع وAssessment لتقييم موجّه خطوة بخطوة وفق WCAG 2.1 AA.

Carrd خدمة لإنشاء ونشر مواقع من صفحة واحدة متوافقة مع الجوال، مثل الملفات التعريفية وصفحات الترويج والهبوط، دون كتابة شيفرة؛ ويبدأ الاستخدام مجانا بحد أقصى ثلاثة مواقع لكل حساب.

iconmonstr موقع أيقونات يضم أكثر من 4784 أيقونة مجانية في 316 مجموعة، يمكن البحث فيه وتنزيلها بعد قبول اتفاقية الترخيص.

Jitter أداة تصميم حركة تعمل عبر الويب، تبني الرسوم المتحركة من قوالب مجانية أو من لوحة فارغة وتصدّر النتيجة فيديو أو GIF أو Lottie.

معرض ManyPixels معرض رسوم توضيحية يقدم أكثر من 20000 رسم مجاني بخمسة أساليب و17 فئة، بترخيص يسمح بالاستخدام التجاري دون إشارة إلى المصدر.

Mockuuups Studio محرر نماذج محاكاة (mockups) تضع فيه تصميمك بالسحب والإفلات على آلاف نماذج الأجهزة والطباعة، ويتوفر في المتصفح وكتطبيق لسطح المكتب وعبر إضافات Figma وSketch وPenpot وAdobe Express.

Moqups أداة تصميم سحابية لإنشاء الإطارات السلكية ونماذج المحاكاة (mockups) والنماذج الأولية التفاعلية والمخططات للمواقع والتطبيقات ولوحات المعلومات.

Notepad++ محرر شيفرة مصدرية مجاني لنظام Windows يصلح بديلا للمفكرة؛ وهو مبني على مكوّن Scintilla ومرخّص برخصة GPL.

ما يجب معرفته: يتطلب التثبيت على الحاسوب.

Rive أداة لتصميم الرسوم المتحركة والواجهات التفاعلية باستخدام آلات الحالة؛ توفّر محرراً في المتصفح وتطبيقاً لسطح المكتب، ويعمل ناتجها في بيئات تشغيل مثل iOS وAndroid والويب وFlutter وReact ومحركات الألعاب.

Spline أداة تصميم 3D لبناء مشاهد 3D مع تعاون فوري في المتصفح وفي تطبيقات سطح المكتب لنظامي Mac وWindows، وإضافة التفاعلات والرسوم المتحركة والتصدير إلى الويب وReact وصيغ أخرى.

Storyset موقع رسوم توضيحية من Freepik Company يقدم رسوما قابلة للتعديل ومتحركة، ويشترط الاستخدام المجاني ذكر المصدر.

The Noun Project مكتبة واسعة من الأيقونات المتجهة والصور من إعداد مبدعين، تُنزَّل بصيغتي SVG وPNG، مع تنزيلات مجانية وتراخيص مدفوعة من نوع royalty-free.

unDraw موقع رسوم توضيحية SVG مجانية يمكنك تغيير ألوانها فورا لتناسب علامتك، بترخيص يسمح بالاستخدام التجاري وغير التجاري دون إشارة إلى المصدر.

Visual Studio Code محرر شيفرة من Microsoft يعمل على Windows وmacOS وLinux وفي المتصفح (vscode.dev)، ويوفر إضافات وGit وطرفية مدمجة وتصحيح أخطاء.

ما يجب معرفته: يتطلب التثبيت على الحاسوب.

Zed محرر شيفرة من Zed Industries مكتوب بلغة Rust ومصمم للسرعة وللعمل مع الأشخاص والذكاء الاصطناعي، ويعمل على macOS وWindows وLinux.

ما يجب معرفته: يتطلب التثبيت على الحاسوب.

Adobe Color أداة من Adobe تنشئ لوحات ألوان على عجلة الألوان وفق قواعد التناسق، وتستخرج اللوحات والتدرجات من الصور، وتوفر فحص التباين ومحاكاة عمى الألوان.

Awwwards معرض لجوائز تصميم الويب والإلهام يعرض المواقع الفائزة بجوائز حسب الفئة والتقنية؛ التصفح مجاني، بينما تقدّم عضوية Pro مزايا لإرسال الأعمال والملف الشخصي.

Color Hunt متصفح لوحات ألوان يستعرض فيه المصممون والفنانون لوحات جاهزة حسب اللون أو المزاج أو الموضوع ويرتبونها حسب الجديد أو الشائع أو العشوائي.

Dribbble منصة تصميم يشارك فيها المصممون أعمالهم، ويمكنك فيها اكتشاف أبرز المصممين وأعمالهم، وتبحث فيها الشركات عن مواهب إبداعية.

Figma أداة تصميم لتصميم الواجهات وبناء نماذجها الأولية على لوحة واحدة، والعمل مع فريق، وتحويل التصاميم إلى شيفرة برمجية عبر Dev Mode؛ ويُستخدم من خلال figma.com وتطبيقات سطح المكتب.

Fontjoy أداة ويب تقترح أزواج خطوط بالتعلم العميق، وتتيح تغيير الزوج يدويا بأزرار التوليد والقفل والتحرير، وتذكر مكتبة Google Fonts مصدرا لها.

Google Fonts مجموعة خطوط من Google تُقدَّم عبر fonts.google.com، وتُوزَّع في معظمها بترخيص SIL Open Font License، وبعضها بترخيص Apache 2 وترخيص خطوط Ubuntu.

Google Sites أداة من Google مدمجة مع Google Workspace لإنشاء مواقع الفرق والمشاريع والفعاليات بالسحب والإفلات دون كتابة شيفرة.

Leonardo أداة ألوان مفتوحة المصدر من Adobe تولّد مقاييس ألوان وسمات متكيفة انطلاقا من نسبة تباين مستهدفة، وتضع إمكانية الوصول في البداية.

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) للملابس والأجهزة الرقمية والطباعة ومنتجات الطباعة عند الطلب، إضافة إلى منشئ شعارات وقوالب تصميم وأدوات فيديو؛ وتأتي التنزيلات غير المحدودة مع اشتراك.

Rotato مولّد نماذج محاكاة (mockups) يضع تصميم تطبيقك أو موقعك على شاشات أكثر من 30 جهازاً جاهزاً ثلاثي الأبعاد (3D) ويحوّله إلى فيديو متحرك أو صورة؛ وله تطبيق لنظام macOS ونسخة ويب في مرحلة البيتا العامة.

ما يجب معرفته: يتطلب التثبيت على الحاسوب.

Shots.so تطبيق ويب لنماذج المحاكاة (mockups) يحوّل لقطات شاشة المنتجات إلى صور عرض أو مقاطع فيديو قصيرة بإطارات أجهزة وخلفيات وحركة رسومية متحركة.

Squarespace منصة لإنشاء موقع ويب دون شيفرة بالقوالب ومحرر السحب والإفلات ومنشئ مواقع بالذكاء الاصطناعي، مع الاستضافة والنطاقات وأدوات التجارة في مكان واحد.

Sublime Text محرر نصوص مدفوع من Sublime HQ لأنظمة Windows وmacOS وLinux، يبرز الأداء في الشيفرة ولغات الترميز والنثر، ويدعم الإضافات عبر واجهة Python 3.8.

ما يجب معرفته: يتطلب التثبيت على الحاسوب.

Uizard أداة لتصميم الواجهات بمساعدة الذكاء الاصطناعي، تنشئ نماذج أولية قابلة للتحرير متعددة الشاشات انطلاقاً من وصف نصي، وتحوّل لقطات الشاشة والرسومات اليدوية إلى تصاميم قابلة للتحرير.

WAVE أداة من WebAIM تعلّم بأيقونات أخطاء إمكانية الوصول وWCAG مباشرة على صفحة الويب، وتتوفر كأداة عبر الإنترنت وكإضافة للمتصفح.

Webflow منصة لإنشاء المواقع تتيح تصميم موقع بصريا دون كتابة شيفرة ونشره مع نظام إدارة محتوى واستضافة وتجارة إلكترونية.

WhatTheFont أداة تعرّف الخطوط من MyFonts تبحث في قاعدة بياناتها عن خطوط تشبه النص في صورة وتعرض قائمة مطابقات مع معاينات للنص.