Layout
Layout and prototyping stay in your product design tools: Figma, Framer, Sketch. The Icons8 MCP does neither
Best AI presentation design tools, and the design tools around them
Gamma, Beautiful.ai and Decktopus are the AI presentation tools compared first, then UI, site, graphic and logo tools. Icons8 MCP adds icons and illustrations: PNG is free, SVG needs a paid plan.
claude plugin marketplace add icons8/agent-skills &&claude plugin install icons8@icons8Then run /mcp and sign in
New to MCP servers? Start with the guide
Which AI presentation tools are worth a look
Gamma, Beautiful.ai and Decktopus side by side: free plan and lowest paid price in the first column, export formats in the second. The source is each vendor's pricing page
| Free tier and lowest paid price | Export | |
|---|---|---|
| Gamma | Free plan, up to 10 slides per prompt. Paid tiers Plus, Pro and Ultra exist, the price is on the Gamma pricing page | PDF, PPTX, PNG and Google Slides on the free plan |
| Beautiful.ai | No free plan, 14-day trial with a card. Pro USD 14.50/month billed annually, USD 45 monthly | PDF and editable PowerPoint |
| Decktopus | Free trial. Pro USD 9.99/month, USD 119.88/year billed annually | PDF, PowerPoint, PNG |
Checked 2026-10-05 · Gamma pricing page
Best tools for UI design and prototyping
These 5 UI design tools cover layout and prototyping, with prices in USD and the plan named in each cell. Lunacy is made by Icons8.
| Free tier | Lowest paid price | |
|---|---|---|
| Figma | Starter plan, free limited access | Collab seat USD 3/month, Professional Full seat USD 16/month |
| Framer | Free, USD 0, with 500 AI credits | Basic USD 10/month |
| Lunacy | Free for single users | Team plan USD 12/month |
| Sketch | No free plan, 30-day trial | Standard USD 12 per editor per month, billed yearly |
| ProtoPie | Free, USD 0, 2 prototypes | Basic USD 25/month |
Checked 2026-10-05 · Figma pricing page
AI design tools that generate UI
4 tools that turn a prompt into screens, with the AI allowance each one gives on its free plan and what you can take out of it
| AI allowance on the free plan | Output | |
|---|---|---|
| Uizard | 3 AI generations a month | JPG, PNG, PDF; CSS and React handoff on Pro and above |
| Visily | 300 AI credits a month | Figma export, JPG, PNG, PDF (watermarked on Starter); code export on Pro and above |
| Figma | Up to 500 AI credits a month, 150 a day | Formats not listed on its pricing page |
| Framer | 500 AI credits | Sites published to Framer hosting |
Checked 2026-10-05 · Uizard pricing page
Best AI website design tools, no coding
These 3 AI web design tools build and publish a site without code, with prices in USD and the plan each price belongs to
| Free tier | Lowest paid price | |
|---|---|---|
| Framer | Free, USD 0 | Basic USD 10/month, Pro USD 30/month |
| Webflow | Starter is free: Webflow.io domain, 2 static pages | Basic USD 15/month billed yearly |
| Dorik | No free plan, 7-day trial | Personal USD 29/month, USD 20.75/month billed annually |
Checked 2026-10-05 · Framer pricing page
AI graphic design tools and logo makers
3 image tools and 3 logo makers. 5 of the 6 have a free tier or free generation, Midjourney has none.
| Free tier | Output | |
|---|---|---|
| Canva | Free, US$ 0 a year for one person; Pro US$ 144 a year | Formats not stated on its pricing page |
| Adobe Firefly | Free option with daily generation limits; Standard NIS 35/month, prices vary by region | Formats not stated |
| Midjourney | No free plan; Basic USD 10/month | Formats not stated |
| Looka | Free to make logos; packages are one-time purchases | Basic: 1 low-res PNG. Premium: PNG, EPS, SVG, PDF |
| Brandmark | Free generation; Basic USD 35 one-time | Basic: PNG and vector files |
| Wixel Logo Maker | Free plan with AI credits | PNG, SVG, JPG |
Checked 2026-10-05 · Canva pricing page
Where an AI agent with Icons8 MCP fits in a design workflow
Missing assets
It covers icons and illustrations that are not in the file yet: a placeholder box, a missing state, a new screen. PNG is free, SVG needs a paid plan
Not a replacement
It does not replace Figma. It covers assets, while layout, components and prototypes stay in the design file
Design checks the agent runs in code
asset-check
Looks for emoji standing in for icons, sections with no picture, dead placeholder images and icon names that do not exist
ux-check
Covers affordance, empty, loading and error states, flows, forms and the accessibility floor
ui-polish
Covers alignment, radii, shadows, contrast and focus states
design-tokens
Covers palette, spacing, radii, type scale and dark mode, and looks for drift
How to use AI design tools: questions
Pick a tool by task from the tables above: Gamma for slides, Figma for screens, Framer for sites. Then add Icons8 MCP to your coding agent for icons and illustrations: run the plugin install command from the top of this page, then /mcp to sign in.
Describe the site to Framer, which has 500 AI credits on its free plan, or start on Webflow Starter, which is free. If the site's code sits in your repository, run asset-check in your coding agent: it flags sections with no picture and dead placeholder images.
Generate screens in Uizard (3 AI generations a month on the free plan) or Visily (300 AI credits a month). When they reach code, run ux-check on them: affordance, states, flows, forms and the accessibility floor. ui-polish then covers alignment, radii, shadows, contrast and focus states.
# One command: the server and 10 skills