تصميم — أدوات مجانية عبر الإنترنت

مولد التدرجات أنشئ تدرجات CSS خطية/شعاعية مع معاينة فورية. تصميم

معاينة الخطوط اكتب نصًا وبدّل عائلة الخط لمعاينة مباشرة. تصميم

البحث عن الأيقونات ابحث في أيقونات Tabler وانسخ SVG بنقرة واحدة. تصميم

مولد لوحات الألوان ابنِ لوحة ألوان متناغمة (متقاربة/مكملة) من لون أساسي. تصميم

مولد النماذج أفلت رابطًا أو لقطة شاشة داخل إطار mockup جهاز. تصميم

تباين الألوان تحقق من تباين WCAG للنص على الخلفية. تصميم

مولد box-shadow ابنِ box-shadow CSS بصريًا. تصميم

مولد text-shadow ابنِ text-shadow CSS. تصميم

نصف قطر الحدود أنشئ CSS border-radius. تصميم

زر CSS أنشئ نمط زر. تصميم

بطاقة CSS أنشئ نمط بطاقة. تصميم

حركة CSS أنشئ حركات keyframe. تصميم

تناسق الخطوط اقترح أزواج خطوط للعناوين/النص. تصميم

خلط الألوان امزج لونين بنسبة. تصميم

اللون المكمل أنشئ مخطط ألوان مكمل. تصميم

ألوان متجاورة أنشئ مخطط ألوان متقارب. تصميم

ألوان ثلاثية أنشئ مخطط ألوان ثلاثي. تصميم

أحادي اللون أنشئ مقياس أحادي اللون. تصميم

لوحة Material أنشئ لوحة Material. تصميم

شبكة CSS أنشئ تخطيط CSS grid. تصميم

Flexbox أنشئ تخطيط flexbox. تصميم

مقياس التباعد أنشئ مقياس تباعد 4pt. تصميم

مقياس الطباعة أنشئ مقياسًا طباعيًا نمطيًا. تصميم

مخطط الشعار ضع الشعار على أجسام. تصميم

مخطط المتصفح ضع الموقع داخل متصفح. تصميم

مخطط التواصل ضع منشورًا اجتماعيًا. تصميم

محاكي عمى الألوان حاكِ أنواع عمى الألوان. تصميم

SVG Placeholder إنشاء صورة SVG placeholder نظيفة. تصميم

# تصميم