# How to connect Typeform MCP with VS Code ```json { "title": "How to connect Typeform MCP with VS Code", "toolkit": "Typeform", "toolkit_slug": "typeform", "framework": "VS Code", "framework_slug": "vscode", "url": "https://composio.dev/toolkits/typeform/framework/vscode", "markdown_url": "https://composio.dev/toolkits/typeform/framework/vscode.md", "updated_at": "2026-03-29T06:54:06.357Z" } ``` ## Introduction ### How to connect Typeform MCP with VS Code VS Code is the most popular code editor out there. With its recent AI makeover, it can do more than just help you write code. You can connect your applications to it and let LLMs automate many of the mundane tasks in your workflow. In this guide, I will explain how to connect Typeform with VS Code in the most secure and robust way possible via Composio. ## Also integrate Typeform with - [ChatGPT](https://composio.dev/toolkits/typeform/framework/chatgpt) - [OpenAI Agents SDK](https://composio.dev/toolkits/typeform/framework/open-ai-agents-sdk) - [Claude Agent SDK](https://composio.dev/toolkits/typeform/framework/claude-agents-sdk) - [Claude Code](https://composio.dev/toolkits/typeform/framework/claude-code) - [Claude Cowork](https://composio.dev/toolkits/typeform/framework/claude-cowork) - [Codex](https://composio.dev/toolkits/typeform/framework/codex) - [Cursor](https://composio.dev/toolkits/typeform/framework/cursor) - [OpenCode](https://composio.dev/toolkits/typeform/framework/opencode) - [OpenClaw](https://composio.dev/toolkits/typeform/framework/openclaw) - [Hermes](https://composio.dev/toolkits/typeform/framework/hermes-agent) - [CLI](https://composio.dev/toolkits/typeform/framework/cli) - [Google ADK](https://composio.dev/toolkits/typeform/framework/google-adk) - [LangChain](https://composio.dev/toolkits/typeform/framework/langchain) - [Vercel AI SDK](https://composio.dev/toolkits/typeform/framework/ai-sdk) - [Mastra AI](https://composio.dev/toolkits/typeform/framework/mastra-ai) - [LlamaIndex](https://composio.dev/toolkits/typeform/framework/llama-index) - [CrewAI](https://composio.dev/toolkits/typeform/framework/crew-ai) ## TL;DR ### Why use Composio? Composio provides: - Access to 1,000+ managed apps from a single MCP endpoint. This makes it convenient for agents to run cross-app workflows. - Programmatic tool calling. Allows LLMs to write its code in a remote workbench to handle complex tool chaining. Reduces to-and-fro with LLMs for frequent tool calling. - Large tool response handling outside the LLM context. This minimizes context bloat from large tool responses. - Dynamic just-in-time access to thousands of tools across hundreds of apps. Composio loads the tools your agent needs, so LLMs are not overwhelmed by tools they do not need. ## Connect Typeform to VS Code ### Integrate Typeform MCP with VS Code ### 1. Install with one click Click the button below to add Composio to VS Code. You will be prompted to authorize. This requires VS Code 1.99+ with GitHub Copilot. [+Install in VS Code](vscode:mcp/install?%7B%22name%22%3A%22composio%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fconnect.composio.dev%2Fmcp%22%7D) ### 2. Or add manually Open or create .vscode/mcp.json in your project root and add the following configuration: ```bash { "servers": { "composio": { "type": "http", "url": "https://connect.composio.dev/mcp" } } } ``` ## What is the Typeform MCP server, and what's possible with it? The Typeform MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Typeform account. It provides structured and secure access so your agent can perform Typeform operations on your behalf. ## Supported Tools | Tool slug | Name | Description | |---|---|---| | `TYPEFORM_CREATE_ACCOUNT_WORKSPACE` | Create Account Workspace | Tool to create a new workspace in a specific Typeform account. Use when you need to create a workspace within a particular account using the account ID. | | `TYPEFORM_CREATE_FORM` | Create Form | Tool to create a new Typeform form with customizable fields, logic, and settings. Use when you need to programmatically create a form with specific questions, welcome screens, thank you screens, and conditional logic. | | `TYPEFORM_CREATE_IMAGE` | Create Image | Tool to upload a new image to your Typeform account via base64 encoding or URL. Use when you need to add images for forms or presentations. Either 'image' (base64) or 'url' parameter must be provided. | | `TYPEFORM_CREATE_OR_UPDATE_WEBHOOK` | Create or Update Webhook | Tool to create a new webhook or update an existing one for a specified Typeform. Use when you need to configure webhooks to receive form response notifications at a specified URL. | | `TYPEFORM_CREATE_THEME` | Create Theme | Tool to create a new custom theme in Typeform with colors, fonts, background, and layout settings. Use when you need to create a theme for branding and styling Typeform forms. | | `TYPEFORM_CREATE_WORKSPACE` | Create Workspace | Tool to create a new workspace in Typeform. Use when organizing forms into separate workspaces for teams or projects. | | `TYPEFORM_DELETE_FORM` | Delete Form | Tool to permanently delete a Typeform and all of its responses. Use when you need to remove a form completely from the account. | | `TYPEFORM_DELETE_IMAGE` | Delete Image | Tool to delete an image from your Typeform account. Use when you need to remove an image that is no longer needed. Returns a success status once the image has been deleted (204 No Content). | | `TYPEFORM_DELETE_RESPONSES` | Delete Responses | Tool to delete specific responses from a Typeform by response IDs. Use when you need to remove response data from a form. Deletion is asynchronous - a 200 status means the deletion request was registered, not that deletion is complete. Maximum 1000 response IDs can be deleted per request. | | `TYPEFORM_DELETE_THEME` | Delete Theme | Tool to delete a theme from your Typeform account. Use when you need to permanently remove a theme. This operation cannot be undone. | | `TYPEFORM_DELETE_WEBHOOK` | Delete Webhook | Tool to delete a webhook configuration from a Typeform form. Use when you need to remove a webhook from a specific form. The operation returns 204 No Content on success and 404 if the webhook is not found. | | `TYPEFORM_DELETE_WORKSPACE` | Delete Workspace | Tool to delete a workspace from your Typeform account. Use when you need to remove a workspace. Note: The default 'My Workspace' cannot be deleted, and workspaces containing forms cannot be deleted (will return an error). | | `TYPEFORM_GET_ABOUT_ME` | Get About Me | Get information about the owner account in Typeform. | | `TYPEFORM_GET_ALL_RESPONSE_FILES` | Get All Response Files | Tool to retrieve a compressed archive containing all files that respondents uploaded for a specified form. Use when you need to download all file uploads from a Typeform form as a ZIP archive. | | `TYPEFORM_GET_BACKGROUND_BY_SIZE` | Get Background By Size | Tool to retrieve a background image by size from Typeform. Use when you need to get a background image in a specific size (default, tablet, mobile, or thumbnail). Images are scaled and cropped from top-left alignment to fill the screen properly. | | `TYPEFORM_GET_CHOICE_IMAGE_BY_SIZE` | Get Choice Image By Size | Tool to retrieve a choice image by size from Typeform. Use when you need to download images used in picture_choice question options at specific sizes. | | `TYPEFORM_GET_FORM` | Get Form | Tool to retrieve a specific form's complete configuration including fields, logic, settings, and theme. Use when you need to get detailed information about a Typeform form. | | `TYPEFORM_GET_FORM_MESSAGES` | Get Form Messages | Tool to retrieve custom messages for a Typeform including button labels, error messages, and UI text. Use when you need to get the current message configuration for a form. | | `TYPEFORM_GET_FORM_RESPONSES` | Get Form Responses | Tool to retrieve form responses from Typeform with filtering by date, pagination, search, and response type. Use when you need to get responses for a specific form including timestamps of when users landed on and submitted the form. Note: Recent responses may take up to 30 minutes to appear. | | `TYPEFORM_GET_IMAGE_BY_SIZE` | Get Image By Size | Tool to retrieve an image in a specific size from Typeform. Use when you need to get a Typeform image optimized for different display contexts (default for desktop, mobile for mobile devices, or thumbnail for previews). | | `TYPEFORM_GET_THEME` | Get Theme | Tool to retrieve a specific theme's configuration including colors, fonts, and layout settings. Use when you need to get the design settings of a Typeform theme. | | `TYPEFORM_GET_WEBHOOK` | Get Webhook | Tool to retrieve a single webhook by specifying both the form ID and webhook tag. Use when you need to get details about a specific webhook configuration. | | `TYPEFORM_GET_WORKSPACE` | Get Workspace | Tool to retrieve detailed information about a specific workspace including its name, forms, and team members. Use when you need to get workspace details or check member access. | | `TYPEFORM_LIST_FORMS` | List Forms | Tool to retrieve a list of all forms in your Typeform account with filtering, pagination, and sorting options. Use when you need to list, search, or browse forms across workspaces. Supports filtering by search terms, workspace, and sorting by creation or modification date. | | `TYPEFORM_LIST_IMAGES` | List Images | Tool to retrieve all images in your Typeform account in reverse-chronological order. Use when you need to list or browse available images. | | `TYPEFORM_LIST_TYPEFORM_THEMES` | List Typeform Themes | Tool to retrieve a paginated list of themes in your Typeform account. Use when you need to access available themes for form styling. Returns both public and private themes with their styling configurations. | | `TYPEFORM_LIST_FORM_WEBHOOKS` | List Form Webhooks | Tool to retrieve all webhooks associated with a specified typeform. Use when you need to view webhook configurations for a form. Returns webhook IDs, URLs, enabled status, event types, and timestamps. | | `TYPEFORM_LIST_WORKSPACES` | List Workspaces | Tool to retrieve all workspaces in a Typeform account with their IDs, names, form counts, and members. Use when you need to list available workspaces or search for specific workspaces by name. | | `TYPEFORM_PATCH_FORM` | Patch Form | Tool to partially update a Typeform using JSON Patch operations. Use when you need to modify specific fields without replacing the entire form. Supports updating title, settings, theme, workspace, and other form properties. | | `TYPEFORM_UPDATE_THEME_PARTIAL` | Update Theme (Partial) | Tool to partially update a Typeform theme by ID. Updates only the specified properties while leaving other theme settings unchanged. Each provided field must be complete (e.g., if updating colors, all color subfields must be provided). Cannot modify Typeform's public built-in themes. | | `TYPEFORM_UPDATE_FORM` | Update Form | Tool to update an existing Typeform by completely replacing its configuration. PUT request overwrites the entire form - any fields not included will be deleted along with their response data. Always retrieve the form first using Get Form, modify the desired properties, then send the complete updated form definition. | | `TYPEFORM_UPDATE_FORM_MESSAGES` | Update Form Messages | Tool to update custom messages for form UI elements like buttons, errors, and placeholders in Typeform. Use when you need to customize the text displayed to form respondents. | | `TYPEFORM_UPDATE_THEME` | Update Theme | Tool to update a theme's complete definition in Typeform. Use when you need to update all aspects of a theme including colors, fonts, and visual properties. This is a full update (PUT) operation that requires name, font, and colors to be provided. For partial updates, use PATCH instead. | | `TYPEFORM_UPDATE_WORKSPACE` | Update Workspace | Tool to update a workspace's name or manage team member access (add/remove members) in Typeform. Use when you need to rename a workspace or modify its member list using JSON Patch operations. | | `TYPEFORM_UPLOAD_VIDEO` | Upload Video | Initiate a video upload to Typeform by obtaining a signed upload URL. Use this action to prepare for uploading a video file to a specific form field. After receiving the upload_url, use it to upload the actual video file via a PUT request. | ## Supported Triggers None listed. ## Creating MCP Server - Stand-alone vs Composio SDK Once connected, VS Code can access the Typeform MCP server via Composio to run the app actions you authorize, directly from your coding workflow. ## Complete Code None listed. ## Conclusion ### Way Forward Now that Typeform is connected, extend your setup by connecting the other apps you already use every day, so your agent can run true cross-app workflows end to end. - Connect Calendar to turn threads into scheduled meetings automatically. - Connect Slack or Teams to post summaries, approvals, and alerts where your team works. - Connect Notion, Linear, Jira, or Asana to convert requests into tickets, tasks, and docs. - Connect Drive, Dropbox, or OneDrive to fetch, file, and share attachments without manual steps. - Connect HubSpot or Salesforce to log customer context, update records, and draft follow-ups. Start with one workflow you do repeatedly, then keep adding apps as you find new handoffs. With everything behind a single MCP endpoint, your agent can coordinate multiple tools safely and reliably in one conversation. ## How to build Typeform MCP Agent with another framework - [ChatGPT](https://composio.dev/toolkits/typeform/framework/chatgpt) - [OpenAI Agents SDK](https://composio.dev/toolkits/typeform/framework/open-ai-agents-sdk) - [Claude Agent SDK](https://composio.dev/toolkits/typeform/framework/claude-agents-sdk) - [Claude Code](https://composio.dev/toolkits/typeform/framework/claude-code) - [Claude Cowork](https://composio.dev/toolkits/typeform/framework/claude-cowork) - [Codex](https://composio.dev/toolkits/typeform/framework/codex) - [Cursor](https://composio.dev/toolkits/typeform/framework/cursor) - [OpenCode](https://composio.dev/toolkits/typeform/framework/opencode) - [OpenClaw](https://composio.dev/toolkits/typeform/framework/openclaw) - [Hermes](https://composio.dev/toolkits/typeform/framework/hermes-agent) - [CLI](https://composio.dev/toolkits/typeform/framework/cli) - [Google ADK](https://composio.dev/toolkits/typeform/framework/google-adk) - [LangChain](https://composio.dev/toolkits/typeform/framework/langchain) - [Vercel AI SDK](https://composio.dev/toolkits/typeform/framework/ai-sdk) - [Mastra AI](https://composio.dev/toolkits/typeform/framework/mastra-ai) - [LlamaIndex](https://composio.dev/toolkits/typeform/framework/llama-index) - [CrewAI](https://composio.dev/toolkits/typeform/framework/crew-ai) ## Related Toolkits - [Google Sheets](https://composio.dev/toolkits/googlesheets) - Google Sheets is a cloud-based spreadsheet tool for real-time collaboration and data analysis. It lets teams work together from anywhere, updating information instantly. - [Notion](https://composio.dev/toolkits/notion) - Notion is a collaborative workspace for notes, docs, wikis, and tasks. It streamlines team knowledge, project tracking, and workflow customization in one place. - [Airtable](https://composio.dev/toolkits/airtable) - Airtable combines the flexibility of spreadsheets with the power of a database for easy project and data management. Teams use Airtable to organize, track, and collaborate with custom views and automations. - [Asana](https://composio.dev/toolkits/asana) - Asana is a collaborative work management platform for teams to organize and track projects. It streamlines teamwork, boosts productivity, and keeps everyone aligned on goals. - [Google Tasks](https://composio.dev/toolkits/googletasks) - Google Tasks is a to-do list and task management tool integrated into Gmail and Google Calendar. It helps you organize, track, and complete tasks across your Google ecosystem. - [Linear](https://composio.dev/toolkits/linear) - Linear is a modern issue tracking and project planning tool for fast-moving teams. It helps streamline workflows, organize projects, and boost productivity. - [Jira](https://composio.dev/toolkits/jira) - Jira is Atlassian’s platform for bug tracking, issue tracking, and agile project management. It helps teams organize work, prioritize tasks, and deliver projects efficiently. - [Clickup](https://composio.dev/toolkits/clickup) - ClickUp is an all-in-one productivity platform for managing tasks, docs, goals, and team collaboration. It streamlines project workflows so teams can work smarter and stay organized in one place. - [Monday](https://composio.dev/toolkits/monday) - Monday.com is a customizable work management platform for project planning and collaboration. It helps teams organize tasks, automate workflows, and track progress in real time. - [Addressfinder](https://composio.dev/toolkits/addressfinder) - Addressfinder is a data quality platform for verifying addresses, emails, and phone numbers. It helps you ensure accurate customer and contact data every time. - [Agiled](https://composio.dev/toolkits/agiled) - Agiled is an all-in-one business management platform for CRM, projects, and finance. It helps you streamline workflows, consolidate client data, and manage business processes in one place. - [Ascora](https://composio.dev/toolkits/ascora) - Ascora is a cloud-based field service management platform for service businesses. It streamlines scheduling, invoicing, and customer operations in one place. - [Basecamp](https://composio.dev/toolkits/basecamp) - Basecamp is a project management and team collaboration tool by 37signals. It helps teams organize tasks, share files, and communicate efficiently in one place. - [Beeminder](https://composio.dev/toolkits/beeminder) - Beeminder is an online goal-tracking platform that uses monetary pledges to keep you motivated. Stay accountable and hit your targets with real financial incentives. - [Boxhero](https://composio.dev/toolkits/boxhero) - Boxhero is a cloud-based inventory management platform for SMBs, offering real-time updates, barcode scanning, and team collaboration. It helps businesses streamline stock tracking and analytics for smarter inventory decisions. - [Breathe HR](https://composio.dev/toolkits/breathehr) - Breathe HR is cloud-based HR software for SMEs to manage employee data, absences, and performance. It simplifies HR admin, making it easy to keep employee records accurate and up to date. - [Breeze](https://composio.dev/toolkits/breeze) - Breeze is a project management platform designed to help teams plan, track, and collaborate on projects. It streamlines workflows and keeps everyone on the same page. - [Bugherd](https://composio.dev/toolkits/bugherd) - Bugherd is a visual feedback and bug tracking tool for websites. It helps teams and clients report website issues directly on live sites for faster fixes. - [Canny](https://composio.dev/toolkits/canny) - Canny is a platform for managing customer feedback and feature requests. It helps teams prioritize product decisions based on real user insights. - [Chmeetings](https://composio.dev/toolkits/chmeetings) - Chmeetings is a church management platform for events, members, donations, and volunteers. It streamlines church operations and improves community engagement. ## Frequently Asked Questions ### What are the differences in Tool Router MCP and Typeform MCP? With a standalone Typeform MCP server, the agents and LLMs can only access a fixed set of Typeform tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Typeform and many other apps based on the task at hand, all through a single MCP endpoint. ### Can I use Tool Router MCP with VS Code? Yes, you can. VS Code fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Typeform tools. ### Can I manage the permissions and scopes for Typeform while using Tool Router? Yes, absolutely. You can configure which Typeform scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do. ### How safe is my data with Composio Tool Router? All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Typeform data and credentials are handled as safely as possible. --- [See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)