n8n Workflow: Create UI Screens From Chat (Gemini & Stitch)

Turn Chat Messages into UI Screens—Automatically (Gemini & Stitch + n8n)

This n8n workflow lets users request UI screens through an n8n chat interface or a Telegram bot. It remembers each user’s last prompt in Google Sheets, uses Google Gemini with Google Stitch MCP tools to generate and iterate on UI screens, and then returns results in the right format for web chat (Markdown) or Telegram (safe HTML).

What this workflow does

• Receives a message from the n8n chat UI or via a Telegram bot trigger.
• Normalizes and validates input by creating a per-user session ID, then rejects empty or very short prompts with a helpful hint.
• Loads conversation continuity by reading the user’s previous prompt from a Google Sheets tab named ProjectMemory and prepending it to the new request.
• Generates UI screens using a Google Gemini–powered agent that calls Google Stitch MCP tools (create/get/list projects, list/get screens, and generate screens from text). Optionally, it can use Perplexity for web research.
• Returns responses back to the user: Markdown for n8n web chat, and converted Telegram-supported HTML for Telegram messages.
• Persists context by appending the latest prompt and metadata to Google Sheets for future iterations.
• Handles failures by alerting an admin in Telegram and logging errors to a Google Sheets tab called ErrorLog.

Use cases

• SaaS operators: quickly turn product ideas into UI screen drafts from chat.
• Automation engineers: prototype UI flows by iterating on prompts with stored context.
• Design-first teams: collaborate with users through Telegram and keep a consistent screen generation history.

Technical details

• n8n nodes/logic: if, code, telegram, sticky note, error trigger, google sheets.
• Integrations: Telegram bot (trigger + admin alerts), Google Sheets (ProjectMemory + ErrorLog), Google Gemini, Google Stitch MCP tools, optionally Perplexity.
• Setup required: Telegram bot credential, enable Telegram trigger webhook, set ADMIN_TELEGRAM_CHAT_ID, and create the ProjectMemory and ErrorLog tabs with the expected fields.