AI Design Generation

Use the Polotno AI API to generate complete designs from text prompts. This demo shows how to build a custom side panel that integrates with the AI design generation endpoint.

Features

• Text prompt input — describe the design you want
• AI provider selection — choose between Gemini, Anthropic, or OpenAI
• Output mode — generate as Polotno JSON (full design) or SVG element

How it works

1. User enters a design prompt in the custom AI Design side panel
2. Selects an AI provider and output mode (JSON or SVG)
3. The app sends a POST request to the Polotno AI API
4. In JSON mode, the response is loaded via store.loadJSON() replacing the current design
5. In SVG mode, the SVG is added as an element on the current page

API

The demo uses the AI design creation endpoint:

POST https://api.polotno.com/api/ai/design/create?KEY=<your-api-key>

Request body:

{
  "prompt": "A business card with blue gradient",
  "provider": "gemini",
  "type": "json"
}

Live demo