SwitchRoute
GoogleGemini Nano Banana / Imagen 3ui ux design prototyping4 Customizable Placeholders

Crisp Modern Vector App Icon & Asset

Generates clean, scalable isometric 3D UI icons with frosted glass, smooth gradients, and isolated dark backdrops.

An isometric translucent teal glass cube with luminous connected nodes.
Visual style GraphicAspect ratio 1:1Model Gemini Nano Banana / Imagen 3Source content with attribution.
Creator Verified Google Gemini Workflows
Expected Output Format:Modern isometric badge ready for UI components, feature grids, and landing pages.
Primary Use Case:SaaS homepage feature grids, App Store icons, and documentation graphics.
Official Tool Documentation:Open Official Platform / Docs

Customize Placeholders in Real-Time

Describe the app domain (e.g., AI cloud computing, decentralized payment vault, database query engine).

Prompt InstructionsCopy count not available
Isometric 3D render of a futuristic [APP CONCEPT] icon. Features frosted acrylic glass, glossy metallic connectors, floating luminous data glyphs in [BRAND COLORS], clean beveling, soft ambient occlusion shadows, isolated cleanly on dark obsidian (#0A0D14) background, Figma and Apple design language, ultra-clean edges in [VISUAL STYLE] --ar [ASPECT RATIO]

Optimization Tips & Parameters

Keep background explicitly isolated on #0A0D14 to make SVG/PNG background removal effortless.

Associated Tags & Use Cases

#app-icon#isometric#vector#figma-asset#glassmorphism

More ui ux design prototyping Prompts

View full library →
A design-system interface showing color swatches, buttons, and component cards.1:1
AnthropicClaude 3.5 Sonnet2 Placeholdersui ux design prototyping

Accessible Tailwind Design System Component Suite

Generates a live interactive component playground showcasing buttons, inputs, modals, toasts, and badges with light/dark toggling.

Develop an Interactive Design System Showcase as a Claude Artifact. Components to showcase: 1. Buttons: Primary, secondary, outline, destructive, ghost, with loading states and icon variants. 2. Form Inputs: Text, password with visibility toggle, select dropdown, checkbox, radio group, and slider with live value display. 3. Feedback: Dismissible toast notifications (success, error, info), modal dialog with backdrop blur, and tooltip hover targets. 4. Cards: Stat card, user profile card, and feature announcement card. 5. Interactive Theme Switcher: Toggle between Dark, Light, and High-Contrast modes, changing all CSS variables dynamically. 6. Tabbed View: Switch between "Components Preview", "Color Palette Tokens", and "Typography Hierarchy". Executable code.

Conceptualclaude-artifactsdesign-systemAspect 1:1
Details
A minimalist dark analytics dashboard with emerald and indigo charts.16:10
Black Forest LabsFLUX.1 / Gemini Nano Banana2 Placeholdersui ux design prototyping

Clean Minimalist Dark Mode Web App UI

Generates UI concept designs featuring deep slate backgrounds, electric blue accents, and modern typography.

UI/UX design of a modern fintech analytics web application, dark mode theme (#0B0F19 background), sleek typography, glowing micro-charts, clean navigation sidebar with glowing icons, Bento grid layout, subtle glassmorphism borders, Figma Dribbble Behance trending, high resolution, crisp vectors --ar 16:10

GraphicuiuxAspect 16:10
Details