Resources Find your stack Manifesto

The New Era of Creation

Browse Resources

Curated resources for AI native designers. The resource stack for designers making the shift to AI native.

Editor's pick
Tools
Editors & Agents
Cursor
AI code editor. Write and edit code with AI.
Apr 17, 26
Tools
Editors & Agents
Claude Code
Agentic coding in your terminal.
Apr 17, 26
◇
Tools
Editors & Agents
Codex
OpenAI's coding agent for building, reviewing, and shipping code.
May 14, 26
Tools
Editors & Agents
Google Antigravity
Google's agent-first IDE for planning, building, and verifying software.
Apr 17, 26
Tools
Editors & Agents
OpenCode
Open-source AI coding agent built for the terminal.
May 02, 26
Tools
Vibe Coding
Replit
Browser-based AI build environment for apps, scripts, automations, and even slide/video-style outputs.
Apr 17, 26
Editor's pick
Tools
Vibe Coding
Lovable
Prompt to full-stack builder that can also generate slide/doc-style pages, motion/video-style content, and lightweight automations.
Apr 17, 26
Tools
Vibe Coding
Bolt
AI app builder from text prompts.
Apr 17, 26
Tools
Vibe Coding
v0
Generates websites, apps, prototypes, and UI from prompts. Build directly and export Next.js apps.
Apr 17, 26
Editor's pick
Tools
AI Design
MagicPath
Design directly in React code with AI.
Apr 17, 26
Tools
AI Design
Paper
AI design tool for building in code.
Apr 17, 26
Tools
AI Design
Pencil
AI-native design and prototyping.
Apr 17, 26
Tools
AI Design
Figma Make
Prompt to prototype directly in Figma.
Apr 17, 26
Tools
AI Design
Wonder.design
AI-powered design tool.
Apr 17, 26
Tools
Images & Assets
Midjourney
AI image generation.
Apr 17, 26
Editor's pick
Tools
Images & Assets
lovart.ai
AI image + asset generation.
Apr 17, 26
Tools
Images & Assets
Flora
AI tool for generating images and assets.
Apr 17, 26
Tools
Images & Assets
Freepik
Stock assets, icons, and templates.
Apr 17, 26
Watch
How I Actually Use Claude Code in My Design Workflow
UI Collective shows how Claude Code fits into real product design work, UX decisions, documentation, and Figma MCP.
Apr 24, 26
Watch
Design with Claude Code: The Designer's Guide
A designer-focused guide to using Claude Code with Figma MCP without losing design control.
Apr 24, 26
Watch
Claude + Figma MCP - Updated Setup for Designers
Nehmat Gereige walks through a designer-friendly Claude and Figma MCP setup.
Apr 24, 26
Watch
Figma MCP Skills in Claude - Deep Dive
A deeper look at Figma MCP Skills, token savings, predictable UI generation, and designer control.
Apr 24, 26
Watch
How AI is Changing Design Workflows
Dive Club panel on how strong product designers are using AI for prototyping, workflow, and product design.
Apr 24, 26
Watch
Kris Puckett - Becoming an AI-native designer
A Dive Club interview on Claude Code, custom skills, internal tools, and AI-native product design practice.
Apr 24, 26
Watch
The only AI design workflow that makes sense
Tommy Geoco's product-designer take on practical AI design workflow and tooling judgment.
Apr 24, 26
Watch
Jenny Wen: She Went From FigJam to Anthropic
A UX conversation about AI products, Anthropic, FigJam, and how design changes when AI is the material.
Apr 24, 26
Watch
Vibe Coded Design Masterclass
Mikey Itua's guide to designing with AI while keeping product polish, taste, and workflow clarity central.
Apr 24, 26
Watch
How to Use Claude Code as a Designer
A full designer-oriented Claude Code guide from Mikey Itua.
Apr 24, 26
Watch
The Secret to Creating Beautiful AI Websites and Apps
A practical look at improving AI-generated websites and apps beyond generic output.
Apr 24, 26
Watch
AI = Code: Why Designers Must Learn to Vibe Code
A designer-led argument for why AI-assisted coding is becoming part of modern design practice.
Apr 24, 26
Watch
Build a Portfolio Website Using Claude Code
A practical designer-focused Claude Code build for a portfolio website.
Apr 24, 26
Watch
10x Faster Design? Generating Variants with Paper MCP + Cursor
A concrete Paper MCP and Cursor workflow for quickly generating design variants.
Apr 24, 26
Watch
Design This Animated Website Using Figma + AI
Kyle Skelly demonstrates an animated website design workflow using Figma and AI.
Apr 24, 26
Watch
Claude Design Full Course
Viktor Oddy covers building and selling animated sites with Claude Design.
Apr 24, 26
Watch
This One Skill Makes Claude Code Actually Good at Web Design
Lukas Margerie on improving Claude Code output for web design with a more intentional workflow.
Apr 24, 26
Watch
I Redesigned 5 Local Business Websites With AI
A full AI website redesign workflow across multiple local business websites.
Apr 24, 26
Watch
Build & Deploy a Client Website with Claude Code
A client-site workflow covering design, deployment, SEO, and compliance with Claude Code.
Apr 24, 26
Watch
AI-Ready Design Systems w/ TJ Pitre
A design-systems conversation on Figma, Storybook, MCP tooling, A2UI, and AI-ready production workflows.
Apr 24, 26
Watch
How I use Claude Code as a Designer at Shopify
Sneak Peek shows a company-design workflow for using Claude Code as a designer at Shopify.
Apr 24, 26
Watch
How I Vibe Code as a Designer at Intercom
A mature product-team workflow for AI-assisted coding from a designer's perspective.
Apr 24, 26
Watch
How I Vibe Code as a Designer using AI Tools at Descript
A designer-at-company look at using AI tools inside Descript's product design workflow.
Apr 24, 26
Watch
How I Vibe Code Figma Widgets with Cursor in 1hr
A design-tool building workflow connecting Figma widgets, Cursor, and AI-assisted coding.
Apr 24, 26
Watch
7 Senior Designers Show How They Avoid AI Design Slop
Senior designers discuss how to avoid generic AI output and keep taste, critique, and craft in the workflow.
Apr 24, 26
Watch
How I Design Apps 10x Better with AI (Free Course)
Build Great Products' free course on going beyond AI-generated apps — focusing on product feel, UX, and what makes an app people actually love.
May 17, 26
Watch
Designer at Early Stage Startup Shows Her Workflow (and AI Tools She uses)
Sneak Peek interview with Claire Taylor on how a designer at an early-stage startup uses AI tools day to day.
May 17, 26
Watch
How to Sync Designs with Your Codebase Using Paper MCP, Claude Code, and Cursor
A practical walkthrough of using Paper MCP to connect design work with your codebase via Claude Code and Cursor.
May 17, 26
Watch
Nad Chishtie: Lovable's Design System For Agents
Lovable's Head of Design on building a design system aimed at AI agents and the company's role in the AI coding wave.
May 17, 26
Watch
Claude Code Workflows for Designers: UX Design, Design Systems, Figma MCP + More
Designer-focused Claude Code workflows across UX, design systems, and Figma MCP integration.
May 17, 26
Watch
Design Engineer at DuckDuckGo Shows His Workflow (and AI Tools He uses)
Sneak Peek interview with Karl Koch on a design engineer's day-to-day AI tooling and workflow at DuckDuckGo.
May 17, 26
MCPs
Figma MCP
The official Figma MCP — read design context from files, write directly to the canvas, generate code from frames, and sync your design system.
Apr 19, 26
MCPs
Framer MCP
Connect AI assistants like Claude and Cursor directly to your Framer projects via a plugin. Read and modify site structure, update CMS content, manage color and text styles, and export React code.
Apr 19, 26
MCPs
Paper MCP
Read and write to Paper design files using AI agents. Great for pulling design context into your dev workflow or syncing tokens from your design system.
Apr 19, 26
MCPs
Granola MCP
Connect your Granola meeting notes to Claude, ChatGPT, or any MCP-compatible tool. Search transcripts, extract action items, and bring meeting context into your workflow wherever you're working.
Apr 19, 26
Skills
make-interfaces-feel-better
An agent skill based on the 'Details that make interfaces feel better' article.
Apr 19, 26
Skills
Impeccable
Design fluency for AI harnesses — a skill + 18 commands that steer AI toward better design and away from common UI anti-patterns.
Apr 19, 26
Skills
frontend-design
Distinctive, production-grade frontend interface skill that avoids generic AI aesthetics.
Apr 19, 26
Tools
Design & Prototyping
Agentation
A visual annotation toolbar for giving agents precise UI feedback (selectors, component tree, computed styles), with optional MCP sync.
Apr 19, 26
Tools
Design & Prototyping
DialKit
A floating control panel for tuning UI values (sliders, toggles, colors, springs/easing) across React/Solid/Svelte/Vue.
Apr 19, 26
Tools
Design & Prototyping
Relume AI
AI site builder that ships structured, modern marketing layouts — useful reference for type, spacing, and hierarchy in AI-built pages.
Apr 19, 26
Read
A Guide to Claude Code and Paper for Designers
How to use Claude Code + Paper MCP as a design workflow: prompt-to-canvas, iteration, and shipping from canvas to code.
Apr 25, 26
Read
How to Create Stunning Websites Using AI Tools
A step-by-step guide to AI-assisted website design and producing high-quality visual outcomes.
Apr 25, 26
Read
The AI Design Workflow: From Vibe to Product
Designer-led AI workflows focused on keeping product polish and taste central to the process.
Apr 25, 26
Read
Why Designers Must Master AI-Assisted Prototyping
Navigating the shift where design becomes code and why designers should lead the AI transition.
Apr 25, 26
Read
Build Claude Code Skills: The Full Guide
A comprehensive guide to building reusable skills for Claude Code, applicable to design reviews and automation.
Apr 25, 26
Learn
UI Collective
AI-era design courses and resources for product designers, including Claude, ChatGPT, handoff, and design systems.
Apr 26, 26
Learn
Design+Code AI Courses
Meng To's design/code course library, including AI-assisted UI, Midjourney-to-Figma, and app design lessons.
Apr 26, 26
Join
Design Buddies
A large Discord community for designers with workshops, portfolio reviews, mentorship, events, and resource sharing.
Apr 26, 26
Join
Friends of Figma
Figma's community program for local and virtual groups, events, learning sessions, and design-tool community connection.
Apr 26, 26
Join
Friends of Figma Remote Designers
A Friends of Figma group for remote designers interested in collaboration, AI tools, Framer workshops, and modern design practice.
Apr 26, 26
Join
Dive Club
Ridd's design interview and newsletter community for designers who want deep process breakdowns from top product teams.
Apr 26, 26
Follow
Felix Lee
Designer and AI-first workflow educator sharing Claude Code, Paper, Figma MCP, and designer-to-builder workflows.
Apr 26, 26
Follow
Mikey Itua
AI design educator covering Claude Code, Cursor, Paper MCP, vibe design, and polished AI-assisted website workflows.
Apr 26, 26
Follow
Sneak Peek
Behind-the-scenes design workflow channel showing how product designers at teams like Shopify, Intercom, Descript, and Ramp work.
Apr 26, 26
Follow
Tommy Geoco
Designer, UX Tools founder, and design-tool commentator covering how product design practice changes as tools evolve.
Apr 26, 26

AI Design HQ

The ultimate collection for the next generation of AI-native designers. Curating the tools, reads, and workflows that define the future of product design.

Some links may be referral links.

Manifesto Contact X© 2026