Canonical: https://botbento.com/ar/usecases/generating-custom-vector-illustrations-as-svg-code/
Format: Markdown representation of the public HTML page.

[الرئيسية](/) / [حالات الاستخدام](/ar/usecases/) / [البرمجة](/ar/usecases/?category=coding)

البرمجة · متوسط

# توليد رسوم توضيحية متجهة مخصصة ككود SVG

حوّل المفاهيم البصرية الإبداعية إلى رسومات متجهة نظيفة وجاهزة للاستخدام على الويب

[استخدمه مع BotBento ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=generating-custom-vector-illustrations-as-svg-code)نسخ الموجّهمشاركة[Markdown](/text/ar/usecases/generating-custom-vector-illustrations-as-svg-code/index.md)[English](/usecases/generating-custom-vector-illustrations-as-svg-code/)

يفتح BotBento. الصق الموجّه في بوت؛ لا شيء مُعدّ مسبقًا.

- عندما تطلباستلام موجّه الرسم التوضيحي
- ثمتوليد كود SVG والتحقق من صحته
- النتيجةتسليم ملف المتجهات الأولي

يحوّل المفاهيم البصرية الوصفية إلى رسومات متجهة مستقلة وقابلة للتوسع ومنسقة كترميز SVG نظيف. ينظم البوت المسارات والمجموعات والألوان وسمات viewBox لإنتاج رسوم توضيحية خفيفة لواجهات المستخدم أو فهارس الأصول.

## موجّه للبدء

BotBentoموصى به

```
عندما يقدم المستخدم موجّه رسم توضيحي، اكتب ترميز SVG نظيفاً وصالحاً يحتوي على جميع المسارات والمضلعات والتنسيقات المضمنة الضرورية. لا تقم بربط صور نقطية خارجية أو نصوص برمجية. تحقق من ضبط viewBox والأبعاد بشكل سليم. احفظ ملفات المخرجات محلياً عند الطلب، ولكن اطلب تأكيد المستخدم قبل الكتابة فوق الملفات الموجودة أو اعتماد التغييرات في نظام التحكم بالإصدارات.
```

نسخ

## الأدوات المستخدمة

الدردشةالطرفية

## يعمل مع

BotBento

## الوسوم

- svg
- vector
- frontend
- graphics
- design

## المصدر

[Show HN: Extending LLM SVG generation beyond pelicans and bicycles](https://news.ycombinator.com/item?id=45845717)
Hacker News · تم التحقق 2026-10-15

ملخّص بكلماتنا. أي نتائج مذكورة في المصدر تعود لأصحابها، ولم يقسها BotBento.

ترجمة بمساعدة الذكاء الاصطناعي ومراجَعة آليًا من النسخة الإنجليزية. النص الإنجليزي هو المرجع.

بقلم BotBento Editorial · أُضيف 2026-10-15 · حُدّث 2026-10-15 · [اقترح تصحيحًا](/contact/)

## حالات استخدام ذات صلة

-

البرمجةمتوسط

## [مُولّد واجهات أمامية متناسقة](/ar/usecases/consistent-frontend-interface-generator/)

تحويل متطلبات التطبيق إلى كود واجهة منهجي ومتماسك

الطرفيةGitHubالدردشة
-

البرمجةمتوسط

## [منشئ كود المحاكاة التفاعلية](/ar/usecases/interactive-simulation-code-builder/)

تحويل سير العمل التخصصي المعقد إلى ألعاب متصفح تفاعلية عبر تصحيحات بحث واستبدال موجهة.

الدردشةGitHubالطرفية
-

البرمجةمتوسط

## [ترحيل قوالب الويب القديمة إلى مكونات حديثة](/ar/usecases/migrating-legacy-web-templates-into-modern-components/)

تحويل وسوم العرض على الخادم إلى مكونات واجهة أمامية نمطية وفق قواعد معمارية صارمة

الدردشةGitHubالطرفية