{"slug":"aidriven-ui-concept-generator-for-product-designers","title":"🖌️ AI‑Driven UI Concept Generator for Product Designers","description":"A ready‑to‑copy prompt that helps designers instantly generate high‑fidelity UI concepts, complete with style guides, layout sketches, and accessibility notes, based on a brief project brief.","author":{"username":"alexr_designs","name":"Alex Rivera"},"url":"https://onaiagents.com/p/aidriven-ui-concept-generator-for-product-designers","repo_clone_url":"https://onaiagents.com/p/aidriven-ui-concept-generator-for-product-designers.repo","raw_url":"https://onaiagents.com/p/aidriven-ui-concept-generator-for-product-designers.txt","markdown_url":"https://onaiagents.com/p/aidriven-ui-concept-generator-for-product-designers.md","archive_url":"https://onaiagents.com/p/aidriven-ui-concept-generator-for-product-designers.zip","models":["gpt-4o","claude-3.5-sonnet"],"kind":"text","tags":["design","ui/ux","branding","accessibility","figma","style-guide","designers","prompt-studio"],"stars":10,"views":0,"prompt":"### Context Slots\n- **Project Name & Brief**: `<PROJECT_NAME>` – a concise description of the product or feature.\n- **Target Audience**: `<AUDIENCE>` – key demographics, tech‑savviness, and user goals.\n- **Brand Guidelines** (optional): `<BRAND_COLORS>`, `<BRAND_FONTS>`, `<BRAND_TONE>`.\n- **Platform**: `<PLATFORM>` – web, mobile, or desktop.\n- **Key Functional Requirements**: `<FEATURES>` – list of core interactions.\n\n### Task\nGenerate a complete UI concept package that includes:\n1. **Concept Overview** – 2‑3 sentence narrative of the visual direction.\n2. **Mood Board** – suggested imagery style and vibe (described textually).\n3. **Color Palette** – exactly three primary colors with HEX codes, meeting WCAG AA contrast against white.\n4. **Typography** – primary and secondary font families with fallback stacks.\n5. **Layout Sketches** – textual wireframe description for Home, Dashboard, and Settings screens (include hierarchy, component placement, and spacing guidelines).\n6. **Component Library** – list of reusable UI components with brief style specs (buttons, inputs, cards, etc.).\n7. **Accessibility Checklist** – bullet points ensuring color contrast, focus order, and ARIA labeling.\n8. **Export Instructions** – a placeholder Figma file link format (`https://www.figma.com/file/PROJECT_ID/PROJECT_NAME`) and a short guide on how to translate the textual specs into a design file.\n\n### Output Format (Markdown)\n```markdown\n# <PROJECT_NAME> – UI Concept\n## 1. Concept Overview\n...\n## 2. Mood Board\n...\n## 3. Color Palette\n| Role | HEX |\n|------|------|\n| Primary | #... |\n| Accent  | #... |\n| Background | #... |\n## 4. Typography\n- **Primary**: ...\n- **Secondary**: ...\n## 5. Layout Sketches\n### Home Screen\n- Header: ...\n- Hero Section: ...\n### Dashboard\n- Sidebar: ...\n- Main Panel: ...\n### Settings\n- Form Layout: ...\n## 6. Component Library\n- **Button**: ...\n- **Input**: ...\n## 7. Accessibility Checklist\n- Contrast ratio ≥ 4.5:1 for text.\n- ...\n## 8. Export Instructions\n[Figma File](https://www.figma.com/file/PROJECT_ID/PROJECT_NAME)\n```\n\n### Quality Bar\n- **Visual Cohesion**: All elements must feel part of a unified brand identity.\n- **Accessibility**: Must pass WCAG AA for contrast and be navigable via keyboard.\n- **Scalability**: Components should be reusable across screens.\n- **Clarity**: Descriptions must be unambiguous for hand‑off to design tools.\n\n### Constraints\n- Use **exactly three** primary colors.\n- No more than **two font families**.\n- Keep the layout description to **max 300 words** per screen.\n- Provide **only textual output**; no image files.\n- If brand guidelines are missing, infer a neutral palette and modern sans‑serif fonts.\n\n---\n*Prompt crafted from community insights on prompt engineering for designers.*","files":[{"filename":"file-1.txt","kind":"text","mime":"text/plain","size":238,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-concept-generator-for-product-designers/file-1.txt"},{"filename":"file-2.txt","kind":"text","mime":"text/plain","size":332,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-concept-generator-for-product-designers/file-2.txt"},{"filename":"file-3.txt","kind":"text","mime":"text/plain","size":526,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-concept-generator-for-product-designers/file-3.txt"},{"filename":"file-4.txt","kind":"text","mime":"text/plain","size":279,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-concept-generator-for-product-designers/file-4.txt"},{"filename":"sources.json","kind":"text","mime":"text/plain","size":111,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-concept-generator-for-product-designers/sources.json"},{"filename":"thumbnail-source.txt","kind":"text","mime":"text/plain","size":7270,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-concept-generator-for-product-designers/thumbnail-source.txt"}],"updated_at":"2026-07-08T14:05:23.971494"}