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

[Головна](/) / [Сценарії використання](/uk/usecases/) / [Програмування](/uk/usecases/?category=coding)

Програмування · Середній

Перевірено

Автоматизована перевірка

- Пройдено всі автоматизовані перевірки: схема, унікальність, HTTPS і робоче посилання на джерело, сканування на промпт-ін’єкції та безпеку, правило кроку погодження.
- Модель, що підготувала чернетку, не зафіксовано.
- Рецензія другої моделі: deepseek-v4-pro (без критичних і серйозних зауважень).
- Український переклад: gemini-4-argon, рецензент — openai/gpt-5.5.
- Перевірено 2026-10-16.
- Лише автоматизовані перевірки та ШІ-рецензія, без перевірки людиною.[Як працює перевірка](/uk/usecases/verification/)

# Генерація кастомних векторних ілюстрацій у вигляді коду 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/uk/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/)

## Схожі сценарії використання

-

Програмуваннясередній

## [Генерація семантичних векторних SVG-ілюстрацій із концептуальних промптів](/uk/usecases/generating-semantic-svg-vector-illustrations-from-concept/)

Перетворення складних описових брифів на чистий автономний SVG-код із попереднім переглядом векторних ресурсів

ЧатТермінал[Перевірено](/uk/usecases/verification/)
-

Програмуваннясередній

## [Генерація компонентів інтерфейсу через командний рядок](/uk/usecases/generating-interface-components-via-command-line/)

Перетворення вимог до UI на шари полотна, фрейми макета й дизайн-токени за допомогою інструментів термінала

ТерміналЧат[Перевірено](/uk/usecases/verification/)
-

Програмуваннясередній

## [Аудит колірних палітр тем за умов теплих фільтрів дисплея](/uk/usecases/auditing-theme-color-palettes-under-warm-display/)

Перевірка наборів кольорів синтаксису та інтерфейсу на читабельність і розрізнюваність за активних фільтрів синього світла

ЧатGitHub[Перевірено](/uk/usecases/verification/)