Generate SVG or PNG mockup images of UI screens and components in wireframe, mockup, or component preview modes.
MIT
481,975 tools. Updated 2026-08-27 08:14
"Tools and Methods to Create SVG and PNG Components for UI Design" matching MCP tools:
- Convert image files between JPEG, PNG, SVG, HEIC, and WebP, or turn PDF pages into JPEGs. Works with local paths or URLs and supports SVG resizing.MIT
- Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.MIT
- Scan a project to inventory existing UI components for review, documentation, or design-system curation. Outputs a catalog in JSON or Markdown.MIT
- Retrieve default properties, specifications, and SVG templates for all component categories to discover available fields before creating new components.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
Matching MCP Servers
- AlicenseNot gradedqualityBmaintenanceMCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.122MIT
- AlicenseNot gradedqualityCmaintenanceEnables AI assistants to interact with Databricks workspaces, running SQL queries, managing jobs, and exploring schemas via the Model Context Protocol.1GPL 3.0
Matching MCP Connectors
Rick and Morty MCP — wraps the Rick and Morty API (free, no auth)
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
- Render DGMO diagram markup into SVG or PNG with configurable theme, palette, and format; PNG also saved to a temp file.MIT
- Scaffold a production-ready Next.js SaaS app with authentication, database, and payments. Includes dashboard, settings, landing page, and 20+ UI components.MIT
- Downloads a layer's visual asset from Zeplin and saves it locally. Use to fetch missing design assets like SVG icons or PNG images directly from Zeplin.MIT
- Add LPM packages to your project by extracting source files for customization. Use for UI components, blocks, templates, and MCP servers.ISC
- Extract SVG markup from MasterGo design components by providing file and layer IDs or a short link, resolving color references and returning SVG strings for each icon.ISC
- Analyzes design references from URLs and images to extract colors, typography, layout patterns, and UI components. Identifies common patterns across multiple sources to inform UI/UX generation decisions.MIT
- Fetch detailed design specifications for a Zeplin component, including properties, variants, layers, and design tokens. Understand the structure and styling of reusable UI elements.MIT
- Convert natural language queries and datasets into production-ready charts, output as shareable links, SVG, or PNG.MIT
- Generate UI components for React, Vue, Angular, Svelte, or HTML with style audit and design context awareness. Integrates with libraries like shadcn/ui, Radix UI, and more.MIT
- Generate static PIX BR Codes for Brazilian payments. Supports QR code formats: none, PNG, SVG, or both.MIT
- Export the entire document to PNG, PDF, or SVG for final output. Accepts pixel width for PNG and sandbox-checked output directory.MIT
- Save final designed SVG to disk as text or raster PNG. Use after previewing and refining with render_svg; accepts artifact ID or raw content with auto format detection.MIT
- Export a single object by its ID to PNG, PDF, or SVG, automatically clipped to its bounding box. Use to extract a specific element from a document.MIT
- Retrieve attachment content for a Polarion work item. Supports viewing images (PNG, JPEG, GIF, WebP) and returns SVG source markup as text.MIT