Fable 5 for UI Design
4.33
/5
Excellent prompt fidelity and consistency across flows, occasionally at the cost of restraint. Tends toward safe layouts and could push visual boldness further, especially in animated/desktop contexts.
Minimal single screen
PROMPT USED
Design a mobile app screen for a meditation app: starting a guided breathing session. - Typography: one clean sans-serif (Inter/SF Pro style). Large, light-weight headline. Small muted body text. - Colors: soft, desaturated — pale sage or cream background, one gentle accent (dusty blue or terracotta) used only for the primary action. No pure white/black, no saturated colors. - Elements: circular breathing-animation centerpiece, today's session card (name, duration, one-liner), music on-off, understated streak indicator, one pill-shaped primary button ("Begin Session"), simple 3-4 icon bottom nav. - Icons: thin-line only, consistent stroke, one color. Build as a real, working mobile screen (HTML/CSS), standard mobile viewport.
5/5
Prompt Fidelity
4.5/5
Visual Quality
Maximal single screen
PROMPT USED
Design a dashboard screen for internal banking software — used by a relationship manager or banker to review client accounts, not a consumer-facing app. Light mode. This is the main workspace screen they see when reviewing their portfolio of clients. Make it information-dense with relevant client account cards, risk/flag indicators, transaction activity, and quick actions (e.g. schedule a call, flag for review, view full profile). This should feel comprehensive and data-rich without feeling chaotic — strong visual hierarchy is the priority, not minimalism. This is a professional tool, not a consumer app — treat it accordingly. Build this as a real, working mobile screen in HTML/CSS sized for a standard mobile viewport.
5/5
Prompt Fidelity
3.5/5
Visual Quality
Multi-screen flow
PROMPT USED
Design 4 connected onboarding/entry screens for a community app where young adults find local meetups for retro/couch co-op gaming and group game nights. Think "gather your party" energy, nostalgic for Nintendo-era childhood friendships; NOT a dating app though. Screens: (1) welcome/value proposition, (2) profile setup (gamertag, favorite games/systems), (3) interests/preferences (game genres, playstyle, availability), (4) get started / paywall. Strictly follow the attached design system file for all typography, colors, spacing, component styling, and the Do's and Don'ts — this is a hard constraint, not inspiration. Copy should lean playful and nostalgic ("Player 2 needed," "Insert coin to continue") without becoming a joke. Build as real, working mobile screens (HTML/CSS), standard mobile viewport, each screen consistent with the others.
5/5
Prompt Fidelity
4.5/5
Visual Quality
Animated screen
PROMPT USED
Design a single-page portfolio website for a senior growth marketer working across writing, social, SEO, affiliate, YouTube, and newsletters. Content-forward, editorial feel: intro/bio, a work showcase (case studies or channel highlights, not just a logo grid), a results/impact section (numbers, outcomes), a short personal letter, and a contact section. Include one deliberate animation or transition on the home/hero area (scroll-triggered reveal or smooth section transition) and an intentional cursor interaction (custom cursor state, hover-triggered movement, or magnetic effect). It all should feel sophisticated, confident; not gimmicky. Light mode, mobile view. Build as a real, working page (HTML/CSS/JS), standard mobile viewport, with all animation and cursor behavior implemented in code.
4/5
Prompt Fidelity
3/5
Visual Quality
COMPARATOR
Compare designs by up to 3 AI models
Pick any two or three models from the directory, and see their outputs rendered side by side.
Models in the directory
Show All Models
Need UI inspiration?
Browse and edit the UI screens of the world's best-designed apps – and covert them into Figma for editing.
FAQs about Fable 5 for UI Design
How do I access Fable 5 for UI design?
Fable 5 is available through Anthropic's Claude product, both through the web app and API. Any of the free plans will let you generate designs, though larger renders benefit from a paid tier.
What does Fable 5 cost to use for design work?
Fable 5 is included in Claude Pro and the API, billed per token. For heavy design iteration, expect higher usage than a typical chat session.
Is Fable 5 better than GPT-5.6 or Gemini 3.1 Pro for UI design?
It depends on the scenario — Fable 5 leads on creative interpretation and visual taste, while other models can edge ahead on strict design-system fidelity. See the comparator for a side-by-side.
What is Fable 5 best used for?
Fable 5 is best suited to early concepting and creative exploration, where visual taste matters more than pixel-exact design-system compliance.
Is there an AI to create editable UI in a canvas?
Yes. Tools like Banani AI let you generate a UI from a prompt and then edit it directly on a canvas, rather than just producing a static image or code file. Learn about the best AI tools for UI/UX in 2026.
Got an idea for an app design? Whether mobile or desktop, we have an AI for it.
TOOLS
Image to Figma