Resources – Product Designer

AI Resources for Product Designers

A curated collection of AI tools and resources designed to support the entire product design and development process.

Designed to be used directly in your day-to-day product design work.

AI Tools

Prompts are starting points, not final answers.

This space provides templates and examples to help you integrate AI into your design process, always with a critical mindset and strong product criteria.

Zeroheight MCP

Connect AI assistants to your zeroheight styleguides using the Model Context Protocol.

zeroheight

Design system documentation platform. Connect Figma and Storybook for living docs.

Wonder

AI-powered creative workspace for visual content and design exploration.

Vercel’s AI-powered UI generator. Create components from text prompts with shadcn/ui.

UX Pilot

AI assistant for UX design workflows, research and prototyping.

Uizard Autodesigner

Generate multi-screen mockups instantly from text prompts with AI.

UI UX Pro Max

Searchable database of UI styles, color palettes, font pairings, chart types, and UX guidelines. Build beautiful interfaces with AI-powered design recommendations.

Supernova

Complete design system platform with documentation, code generation and collaboration.

Studio Designer

AI-powered design studio for creating professional visual content.

Storybook MCP Addon

Model Context Protocol addon for Storybook to enhance component documentation.

Stitch

Google’s AI-powered tool that converts designs to production-ready code with

Skills catalog (Giorris.dev)

Management focused Claude skills catalog. Available as downloadable files or CLI installation (recommended for repositories).

Sketch MCP Server

Model Context Protocol server for Sketch. Integrate AI workflows with Sketch designs.

Rocket

Turn your vision into a full, production-ready app instantly. Your virtual senior dev team.

Reweb

Build websites with AI assistance. Generate layouts and components instantly.

Replit

Build software collaboratively with AI-powered code generation and deployment.

Relume

AI-powered website builder and design system. Generate sitemaps and wireframes instantly from text prompts.

Refire Design

AI design assistant for creating and iterating visual content rapidly.

Prototyper

Generate interactive prototypes and UI code from text descriptions.

Plasmic

Visual builder that generates clean code. Design and develop simultaneously.

Penpot MCP Server

Model Context Protocol server for Penpot. Connect AI tools to open-source design platform.

Paraflow

AI-powered visual development platform for building web applications.

Paper

Design system workspace for teams to collaborate and maintain consistency.

Orchids

Transform Figma designs into production-ready code with AI precision.

Omlet

Track design system adoption across projects and identify improvement opportunities.

Mintlify

Beautiful documentation that converts users. AI-powered docs platform.

Microsoft Designer

Microsoft’s AI-powered graphic design tool for creating stunning visuals.

MagicPath

AI-powered platform for building interactive user journeys and product tours.

Lyse

Automated design system documentation and component library management.

Lovable

Build full-stack web apps from natural language. AI-powered development platform.

Locofy

Ship products faster by converting designs to production-ready frontend code.

Knapsack

Centralized platform for design system documentation, governance and collaboration.

Khroma

AI-powered color palette generator. Discover, search, and save color combinations personalized to your preferences.

Infa

New way of conducting Design System inventory and visualizing

Home Designs AI

AI-powered interior and exterior design generation tool.

GitBook

Modern documentation platform for technical teams. Beautiful docs with Git integration.

Flowstep

AI-powered workflow automation and app building platform.

Figr

AI-powered design to code platform for rapid prototyping and development.

Figmayo

Transform Figma designs into interactive documentation and design system specs.

Figma MCP Server

Model Context Protocol server for Figma. Connect AI assistants to your design files.

Figma Make

Figma’s AI-powered web application builder. Turn designs into functional apps instantly.

Figma

Collaborative design platform with AI-powered features for design and prototyping.

Docusaurus

Open-source documentation framework powered by React. Easy to maintain and deploy.

Designify

AI-powered background removal and image enhancement for designs.

Composio

Integration platform for AI agents. Connect design tools and automate workflows.

Composer

Visual AI workflow builder. Create multi-model pipelines by connecting nodes on a canvas.

Code Syntax Generator – Figma plugin

Bulk generate code syntax on Figma variables to match your codebase design tokens names. Giving essential context to LLMs trough the Figma MCP.

Chakra-UI

Bridging the gap between AI agents and Chakra UI

Builder.io

Visual development platform. Convert designs to code with drag-and-drop builder.

Bolt

StackBlitz’s AI assistant for instant full-stack web development in the browser.

Anima

Convert Figma, Adobe XD and Sketch designs to React, Vue, HTML code automatically.

Affinity

It’s free an it’s like 3 in 1. You have vectorial design, pixel and AI in your hand.

What to keep exploring?

Discover other areas of the Product AI Hub and dive deeper into resources, guides and content designed to apply AI with strong product design criteria.

Resources

Tools, articles, libraries and references curated with criteria.

Guides

Deep dives on how to apply AI to UX research, UI, content and product decisions.

Videos & Walkthroughs

Real examples, flows and explanations.