AI Design Skills Toolkit

Design skills, palettes, type scales and contrast checks

Browse landing-page and Figma design skills, then generate color palettes, type scales, contrast checks, spacing guides.

How to use AI Design Skills Toolkit

  1. Browse landing-page and Figma design skills
  2. Generate a color palette for your project
  3. Build a matching type scale
  4. Run contrast checks for accessibility
  5. Apply spacing guides to your layout

Features

  • Landing-page design skills library
  • Figma design skills browser
  • Color palette generator
  • Type scale builder
  • Contrast ratio checks
  • Spacing guides

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.

Featured on Twelve Tools Hunt for Tools Featured on LaunchBuff Launch Llama Tools Launch your MCP