DesignAlly

About this plugin

Generate WCAG-compliant color palettes from a single seed color. DesignAlly creates accessible light & dark themes, checks contrast ratios against AA/AAA standards, and previews colors on real UI patterns — buttons, cards, forms, tables, and nav. Simulate vision impairments (protanopia, deuteranopia, tritanopia, low vision) to stress-test your palette. Sync colors as Figma variables and export to CSS, Tailwind, or JSON for developer handoff.DesignAlly — Accessible Color Palettes in One ClickStop struggling with manual contrast checks and guesswork. DesignAlly generates complete, WCAG-compliant color palettes from a single seed color — light and dark mode, ready to use.How it worksPick a seed color, choose a style (Modern, Minimal, Vibrant, or Soft), set your contrast target (AA/AAA), and DesignAlly produces a full 42-color palette instantly. Every color is computed using Material Color Utilities and adjusted for accessibility automatically.Features- One-click generation — 42 accessible colors from any seed- Light + Dark mode — dark colors independently designed, not just inverted- Contrast fixing — toggle between original and accessibility-enhanced palettes- Figma Variables sync — push colors to local variables, bind to any layer- Live preview — apply colors to selected layers by name- Multi-style engine — Modern, Minimal, Vibrant, Soft- Export — CSS Variables, Tailwind Config, JSON- Vision simulation — preview how palettes look with various color vision deficienciesPerfect forDesigners and teams building accessible design systems, UI kits, or any product that needs WCAG-compliant color from day one.Powered by SoftLisan.