Design UI screens from chat with Google Stitch, Gemini, Telegram and Sheets
Ready for 3.0Ready for 3.0. This template uses no nodes that n8n 3.0 removes. No removed nodes, versions or helpers found. Static check, last run 2026-10-19.
What this workflow does
This AI workflow has 25 nodes and runs when a chat message arrives (plus 2 other triggers). Along the way it connects Telegram, Google Sheets, Google Gemini Chat Model and MCP Client and 1 more.
How it runs
Trigger: When a chat message arrives (plus 2 other triggers).
- Normalize incoming message (Code): runs custom JavaScript code
- Send alert to admin chat (Telegram): uses Telegram
- Log error to sheets (Google Sheets): append
- Validate request depth (If): checks a condition and branches into true / false
- Is this a Telegram chat? (If): checks a condition and branches into true / false
- Load project memory (Google Sheets): uses Google Sheets
- Convert design to Telegram HTML (Basic LLM Chain): sends a prompt to an LLM, with model: Gemini formatter model
- Send design via web chat (Chat): uses Chat
- Merge context into prompt (Code): runs custom JavaScript code
- Send design via Telegram (Telegram): uses Telegram
…plus 4 more steps. See the full node list below.
Services it uses
Before you upgrade to n8n 3.0
Nothing in this workflow is removed in n8n 3.0, so it should import and run after the upgrade.
Nodes used (14)
- Chat Trigger
@n8n/n8n-nodes-langchain.chatTrigger - Telegram Trigger
n8n-nodes-base.telegramTrigger - Code
n8n-nodes-base.code - If
n8n-nodes-base.if - Google Sheets
n8n-nodes-base.googleSheets - AI Agent
@n8n/n8n-nodes-langchain.agent - Google Gemini Chat Model
@n8n/n8n-nodes-langchain.lmChatGoogleGemini - Simple Memory
@n8n/n8n-nodes-langchain.memoryBufferWindow - MCP Client Tool
@n8n/n8n-nodes-langchain.mcpClientTool - Perplexity Tool
n8n-nodes-base.perplexityTool - Basic LLM Chain
@n8n/n8n-nodes-langchain.chainLlm - Telegram
n8n-nodes-base.telegram - Chat
@n8n/n8n-nodes-langchain.chat - Error Trigger
n8n-nodes-base.errorTrigger
From the author
Turn a UI idea into screens from chat. This workflow takes design requests from an n8n chat or Telegram, loads the user's last prompt from Google Sheets to keep context, and uses a Gemini agent with Google Stitch MCP tools to create and iterate on UI screens,…