How to generate SVG from text
This guide explains how to generate SVG from text with GlyPho. The goal is not to write a perfect design brief. The goal is to give the generator enough product context to create an editable SVG that you can review, copy, download, and refine.
1. Choose one asset type
Start with one concrete SVG asset:
- Product icon
- Logo direction
- Empty-state illustration
- Documentation visual
- UI card graphic
- Launch page pattern
Avoid prompts like "make something cool for my app." A focused prompt gives GlyPho a better chance of producing a useful SVG direction.
2. Describe the product context
Tell GlyPho where the SVG will be used. A landing page hero, a feature grid, a dashboard empty state, and a documentation page all need different visual density.
Example:
Create a clean SVG illustration for a dashboard empty state in a project management app.
3. Add the visual metaphor
A metaphor gives the SVG a clear subject. Examples:
- Growth arrow
- Connected nodes
- Shield
- Inbox tray
- Document stack
- Spark
- Search lens
Example:
Create a clean SVG illustration for a dashboard empty state in a project management app, showing an organized document stack and a small search lens.
4. Specify the style
Use style words that are easy to evaluate:
- Minimal outline
- Duotone
- Line art
- Soft product illustration
- Geometric logo mark
- Simple mascot
Example:
Create a clean SVG illustration for a dashboard empty state in a project management app, showing an organized document stack and a small search lens, in a minimal duotone SaaS style.
5. Add constraints
Constraints make the output easier to use:
- Works at 24px
- No background
- Single color
- Centered composition
- High contrast
- Suitable for a website header
- Editable SVG
Final example:
Create a clean SVG illustration for a dashboard empty state in a project management app, showing an organized document stack and a small search lens, in a minimal duotone SaaS style, centered composition, no background, editable SVG.
6. Generate, review, and refine
Open GlyPho, paste your prompt, and generate the first direction. Review whether the shape is readable, the style matches the product, and the SVG can be copied or downloaded for your workflow.
If the result is close but not right, revise one part of the prompt at a time: subject, style, layout, or constraints.