designnn

<div align="center">

Trend-driven design prompt engine for Figma AI

Generate high-quality UI/UX design prompts powered by real-time design trend analysis.

[](LICENSE) [](https://www.npmjs.com/package/designnn)

</div>

---

AI design tools like Figma AI can generate stunning UI designs — but only if you give them the right prompt. Most designers struggle with:

• "What should I prompt?" — Knowing current design trends is hard to keep up with
• "How do I describe this style?" — Translating visual ideas into precise text prompts
• "How do I combine trends?" — Mixing multiple design styles into something fresh

DESIGNNN is a CLI tool and MCP server that acts as a design intelligence layer for Figma AI. It knows the latest UI/UX design trends and generates optimized prompts that Figma AI can directly use.

$ designnn chat "SaaS pricing page with dark theme"

  ─── Prompt for: "SaaS pricing page with dark theme" ───

  Design a SaaS pricing page with a modern dark theme...
  Use a full-width frame sized 1440px wide...
  Each grid cell is a pricing card with subtle rounded corners (12px)...

  📋 Copy the prompt above and paste it into Figma AI (Ctrl+I)

# Install globally via npm
npm install -g designnn

# Or run directly with npx
npx designnn chat "landing page for a fitness app"

export OPENAI_API_KEY=your-api-key-here

Generate a Figma AI prompt from any design description:

designnn chat "SaaS dashboard with analytics charts and dark theme"
designnn chat "Mobile onboarding flow for a meditation app"
designnn chat "E-commerce product page with glassmorphism style"

Browse the built-in design trend database (50