How to Create Custom Illustrations with Copilot
Generate custom illustrations in your IDE with Copilot and ToolRouter. Brand visuals alongside your code.
Tool
Copilot generates custom illustrations within your development environment, perfect for creating onboarding graphics, documentation visuals, and feature illustrations as part of your build process. Reference your project's design tokens and color variables directly when describing illustrations, keeping visual assets tightly coupled with your codebase.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Generate Image tool:
- In Copilot Chat: "Generate a line-art illustration for our 404 error page"
- Copilot creates the illustration via ToolRouter
- Request adjustments: "Add a confused robot character and make it more playful"
- Save to your project's illustrations directory
Example Prompt
Try this with Copilot using the Generate Image tool
Generate an isometric illustration of a server room for our infrastructure documentation. Clean technical style with blue and gray tones.
Tips
- Great for generating illustrations for documentation, error pages, and empty states
- Copilot understands technical concepts and can illustrate them accurately
- Generate SVG-style flat illustrations that match developer tool aesthetics