The all-in-one AI plugin for Web Designers

Skills for web designers 17

• ui ux designerBuilds interface designs, wireframes, and design systems, like a three-column dashboard with component rules.
• typography ui design assistantSets type scales and hierarchy, like a 1.25 scale with 16px body text and 32px headings.
• ux wireframe and prototype assistantWrites wireframe and prototype specs, like a checkout flow plan with usability test tasks.
• ux prototyping assistantRefines prototypes into tested, documented designs, like a mobile onboarding flow with click states.
• color theory design assistantBuilds palettes and checks contrast, like a five-color brand set with WCAG ratios listed.
• font pairing suggesterSuggests font pairings and free alternatives, like swapping a paid serif for a Google Font.

Plus a start-here assistant, the prompt library and the app builder, and for members the daily brief.

Ready-made prompts 28

• Client Briefs And Discovery3 prompts, like Turn Discovery Notes Into Client Brief
• Wireframes And Page Structure3 prompts, like Outline Page Sections From Goal
• Color Palette Selection3 prompts, like Build a Color Palette From Brand Keywords
• Typography Systems5 prompts, like Recommend Font Pairings For A Design
• Responsive Layout Planning3 prompts, like Responsive Breakpoint Strategy
• UX Copy And Microcopy3 prompts, like Write Button And Form Microcopy
• Accessibility And Inclusive Design4 prompts, like Audit Design Against WCAG Basics

Apps you can build with AI 4

• Visual interface design to code workbenchKeeps the approved interface as the source of truth, so builds stop drifting from the signed-off design. Demo included.
• Design palette library and stewardship consoleStores one approved brand palette, so designers stop re-picking hex values on every new page. Demo included.
• In-design copy and asset generation workbenchGenerates copy and assets inside the design, so revisions stay consistent with the approved brief. Demo included.
• Accessibility testing serviceTests journeys by hand and with automated checks, so you catch issues before launch. Demo included.

AI agents 12

In the download. An agent runs a whole recurring task for you, step by step, and asks you before anything important. Ask your AI: "Run the Design System Drift Repair Agent". Each one also has a guided set-up with sample data on its page.

• Design System Drift Repair AgentWorking design files match the approved design library, without breaking layouts or intentional exceptions.
• Creative Handoff Packaging AgentA complete delivery package that matches the client's checklist on the first try.
• Public Form Accessibility AgentEvery public form remains accessible after each revision.
• Landing Page A/B Test Planning AgentA single-change test plan that is launched correctly and read at the right time
• Brand Color and Font License Audit AgentDelivered work that only uses fonts and images the studio is licensed to use
• Portfolio Case Study Refresh AgentCase studies that are complete, permitted and tested on a staging page
• Proposal Pricing Package Builder AgentProduce a three-option fixed-price proposal that meets the margin target and states the scope clearly.
• Heuristic Evaluation Sweep AgentDeliver a deduplicated, severity-ranked usability issue list that is verified after fixes.
• Content Inventory and Gap Audit AgentProduce an inventory with a keep, update, merge or remove decision and an owner for every page, with no broken links after the plan.
• Design Token and Component Release AgentRelease a component change with a list of affected products, verified visuals and clear notes.
• Dark Mode and Theme Parity AgentMake every screen pass the same checks in every supported theme.
• Form and Checkout Flow Test AgentKnow within a day when any form or checkout stops working, with proof of where it failed.

Connections (MCP servers) 12

A guide in the download. A connection lets your AI work in an app you already use. You add only the ones you use: ask your AI "Which apps can you connect to?" and follow the steps on each connection's page.

• AI Vision MCP serverLets your AI look at images and videos, describe them, compare them, and check design quality.
• Unsplash MCP serverLets your AI search Unsplash photos, collections and topics, with ready-made photo credits.
• 21st MCP serverLets your AI find ready-made website and app design pieces and help build new ones from your description. No install needed.
• Infyicon MCP serverYour AI can search 161,000+ hand-drawn icons and hand you ready-to-use SVG code or PNG links. No install needed.
• Identity Forge MCP serverLet your AI pick a design kit, apply it to your project, and research brand names and domains.
• Stocky stock photo MCP serverSearch and download free stock photos from Pexels and Unsplash right from your AI chat.
• Colorblind Safety MCP serversCheck if your colors and images are colorblind-safe, and see them the way a colorblind person does.
• Visionaire Engine MCP serverLets your AI inspect a live web page and tell you exactly which CSS rule wins, from which file and line.
• AlphaBanana image generatorLet your AI create images with Google Gemini, including transparent PNGs and exact sizes.
• Figma MCP server (figma-use)Lets your AI create and change things in Figma, like shapes, text, buttons and layouts, right from a chat.
• Pexels MCP serverYour AI can search free Pexels stock photos and videos and bring back links and credits.
• RNV Color MCP serverMix, convert, and match colors, build palettes, and save them by name, right from your chat. No install needed.

Your Grok Bot team 12

• Color Palette ExtractorExtracts color palettes from images or sites and exports them in multiple formats.
• Typography UI Design AssistantTypography guidance and tools for UI designers, from font pairing to accessibility checks.
• UX Flow & WireframerSketches user flows and low-fidelity wireframes as text layouts and Mermaid diagrams before visual design begins.
• Visual Emotion EngineerMap colors, typography, spacing, and imagery to specific emotions and conversion goals.
• Color Theory Design AssistantGuides UX/UI designers through color theory, palettes, and accessibility.
• Brand GuidelinesApply brand colors, typography, and tone to user-facing content and artifacts.
• Design Concept Development AssistantTurns UX/UI design tasks into guided, documented workflows from research to presentation.
• Usability Testing AssistantTurns usability test data into prioritized design fixes and reports for UX/UI designers.
• Ascii Ui Mockup GeneratorTurns UI concepts into 3-5 ASCII mockups for pre-implementation design review.
• Hig FoundationsAdvise on Apple HIG foundations: color, typography, layout, motion, accessibility, privacy.
• Ui Ux Pro MaxGenerates complete UI/UX design systems from product descriptions using a searchable database of styles, palettes, and guidelines.
• UX Prototyping AssistantTurns wireframes and prototypes into tested, documented designs ready for handoff.