AI Tools and Resources for Designers
Learn how to use AI in your design workflow. Curated tutorials, articles, and tools for designers building modern designs and design systems. Including Cursor, Claude, Figma MCP and more.
Resources
- Cursor Learn (tutorial): 1 hour free training from the Cursor team
- Beginner's Guide to Cursor (video): Video walkthrough for getting started with Cursor
- Skip the Terminal (Claude Code Tricks) (article): 8 tips for non-technical users
- Be a 10x Vibe Coder (video): Claude Code with Cursor and MCP deep dive
- Claude Cookbook (tutorial): Official examples and patterns for building with Claude
- Figma MCP and Cursor Tutorial (tutorial): Build a design system component in under 5 minutes
- AI-powered Linting for Figma (figma-plugin): Automated design system checks and validation
- design/prompts (tool): AI prompts specifically for design work
- /rams (tool): Design engineer for Claude Code and Cursor
- v0 (tool): Vercel's AI for generating React components
- shadcn/ui (tool): Accessible React component library built on Radix and Tailwind
- MCP Quickstart (tutorial): Official guide to connecting AI to your design tools
