Creación de aplicaciones para Teams: introducción para principiantes

By Mirko Peters · 2026-05-19 · Updated 2026-09-13

Empieza a crear aplicaciones para Microsoft Teams con una visión general de las pestañas, los bots, las extensiones, la configuración del proyecto, las pruebas en local, la personalización de la interfaz y la publicación de tu aplicación.

Automatically translated with AI from the original post. Read the English original

Crear aplicaciones para Microsoft Teams te permite llevar el espacio de trabajo digital de tu equipo a otro nivel. En lugar de depender solo de lo que viene de serie, las aplicaciones de Teams te permiten añadir herramientas personalizadas, paneles interactivos, bots y mucho más, justo donde las personas ya colaboran. Para las organizaciones, esto se traduce en flujos de trabajo más fluidos, ahorro de tiempo y un Teams que parece hecho a tu medida.

A lo largo de esta guía aprenderás los fundamentos del desarrollo de aplicaciones para Teams, desde los conceptos básicos hasta la configuración práctica. Desglosaremos qué es Teams Toolkit, por qué importa Microsoft 365 y presentaremos términos clave como pestañas, bots, extensiones y conectores. Al final sabrás qué es posible y estarás listo para empezar a crear soluciones a medida para tu equipo en Microsoft Teams.

Primeros pasos con Teams Toolkit y el entorno de desarrollo

Cuando empiezas a crear aplicaciones para Microsoft Teams, elegir el kit de herramientas adecuado y preparar tu espacio de trabajo marca una gran diferencia. Teams Toolkit es tu herramienta principal: reúne todas las piezas al integrarse directamente en Visual Studio Code. Desde ahí tienes un único lugar para diseñar, desarrollar, probar e implementar aplicaciones de Teams, lo que simplifica un poco las cosas y aumenta mucho tu productividad.

Si estás empezando, trabajar dentro de Visual Studio Code con Teams Toolkit significa que no tienes que saltar entre varios programas ni recordar complicados pasos de línea de comandos. Todo (plantillas, configuración e incluso las pruebas en local) está al alcance de la mano. Esta configuración está pensada para ganar velocidad, garantizar la repetibilidad y reducir los dolores de cabeza que frenan a quienes empiezan.

Antes de empezar a navegar por el kit de herramientas, hay algunos requisitos imprescindibles que conviene revisar: tener el software adecuado, configurar un inquilino de prueba de Microsoft 365 y asegurarte de tener los permisos necesarios para no toparte con obstáculos a mitad de camino. Una vez que tengas el entorno preparado, estarás listo para un proceso de creación más fluido, desde la creación del proyecto hasta la publicación de tu aplicación terminada. Veremos todos estos detalles para que puedas ponerte en marcha sin perder el ritmo.

Revisión de requisitos previos y consideraciones de Microsoft 365

• Visual Studio Code y la extensión Teams Toolkit: Primero tendrás que instalar Visual Studio Code y, después, añadir la extensión Teams Toolkit, que es tu espacio de trabajo principal para el desarrollo de aplicaciones de Teams.
• Node.js y herramientas relacionadas: Muchas aplicaciones de Teams usan JavaScript o TypeScript, así que asegúrate de tener instalado Node.js (versión LTS) para gestionar las dependencias y ejecutar scripts.
• Cuenta de desarrollador de Microsoft 365: Configura un inquilino de prueba de Microsoft 365. Así podrás crear, probar y previsualizar aplicaciones con seguridad, sin afectar a tu entorno organizativo real.
• Permisos y acceso de administrador: Asegúrate de tener derechos de administrador o permisos de desarrollo en tu inquilino de prueba. Algunas funciones (como los bots o los conectores de datos) requieren un nivel de acceso elevado.
• Acceso a Internet y navegador: Necesitas una conexión a Internet fiable para sincronizar el código, ejecutar las previsualizaciones y autenticarte con los servicios en la nube. También es necesario un navegador moderno para acceder a Teams y a los portales de previsualización de aplicaciones.

Tipos de aplicaciones de Teams y sus capacidades

No todas las aplicaciones de Teams se crean igual. Microsoft Teams admite varios tipos de aplicaciones, cada una con sus puntos fuertes y adaptada a determinados escenarios. Los tipos principales son las pestañas, los bots, las extensiones de mensajes y los conectores. Elegir el adecuado hace que tu solución encaje perfectamente en el flujo de trabajo de tu equipo y puede ahorrarte tiempo y confusión más adelante.

Las pestañas aparecen como aplicaciones web integradas directamente en un canal o chat de Teams. Piensa en paneles, informes o formularios que la gente necesita usar sin salir de Teams. Los bots son como asistentes conversacionales: responden preguntas, envían recordatorios o incluso te guían paso a paso por un proceso. Si buscas algo más orientado a acciones, las extensiones de mensajes permiten a los usuarios interactuar con tu aplicación desde la barra de mensajes, buscando registros, compartiendo enlaces o activando acciones desde cualquier punto de Teams. Puede que te interese echar un vistazo a este análisis en profundidad sobre las extensiones de mensajes en Teams para entender mejor cómo aumentan la productividad y simplifican las tareas.

Por último, están los conectores, que envían automáticamente actualizaciones o alertas de otros sistemas a un canal de Teams. Por ejemplo, las alertas de GitHub o Trello pueden aparecer directamente en Teams, de modo que todo el mundo se mantiene informado sin cambiar de pestaña. Entender qué tipo se ajusta a tus necesidades y cuándo usarlo es clave. Los bots son ideales para la automatización y la conversación, las pestañas sirven para una interacción más profunda, las extensiones de mensajes llevan datos a los chats y los conectores mantienen a tu equipo actualizado de forma automática. Elegir bien aquí te ayuda a construir la herramienta adecuada para cada tarea, no cualquier herramienta.

Crear un nuevo proyecto de aplicación de Teams Toolkit en Visual Studio Code

Una vez configuradas las herramientas de desarrollo, la acción real empieza en Visual Studio Code con Teams Toolkit. Es tu punto de partida para crear tu primer proyecto de aplicación para Teams. Encontrarás asistentes guiados que te ayudan a elegir el tipo de aplicación que quieres (como una pestaña o un bot) y a seleccionar plantillas listas para usar que aceleran el proceso.

Piensa en la selección de plantillas como elegir el plano de un edificio. ¿Estás creando un panel, un bot conversacional o algo que obtiene datos y los comparte en el chat? Teams Toolkit te ofrece puntos de partida inteligentes para todos estos escenarios. El proceso de configuración no consiste solo en rellenar formularios: es tu oportunidad de definir qué hará tu aplicación y qué funciones de Teams utilizará.

Una vez que termines de inicializar el proyecto, verás aparecer en tu espacio de trabajo una estructura de carpetas y un conjunto de archivos concretos, cada uno con una función distinta: algunos gestionan el código, otros definen la configuración y otros se encargan de la implementación. Conocer el papel de cada parte desde el principio te ayuda a evitar confusiones y a mantener tu proyecto encaminado a medida que crece. A continuación explicaremos qué hace cada carpeta y cada archivo, para que no te quedes con la duda de qué es cada cosa.

Explorar la estructura del proyecto y el diseño de directorios

• Directorio src: Aquí se encuentra toda la lógica principal de tu aplicación y el código de la interfaz. Tanto si estás creando un bot como una pestaña, escribirás y organizarás aquí tus archivos TypeScript o JavaScript.
• Carpeta env: Contiene los archivos de configuración específicos de cada entorno, como las variables para desarrollo y producción. Te ayuda a gestionar la configuración sin incluir secretos en el código.
• Carpeta infrastructure o infra: Contiene scripts y plantillas para los recursos de Azure u otras necesidades de implementación. Es necesaria si tu aplicación aprovisiona servicios en la nube.
• Carpeta del manifiesto de la aplicación: Aquí defines el manifiesto de tu aplicación, incluidos los iconos, el nombre, las descripciones y los permisos. Es lo que determina cómo Teams reconoce e instala tu aplicación.
• README.md y docs: Estos archivos te ofrecen documentación, instrucciones o notas que te ayudan a ti y a tu equipo a entender de un vistazo la configuración y la finalidad del proyecto.

Previsualizar tu aplicación de Teams Toolkit en local con ngrok

Antes de publicar tu aplicación de Teams en toda la organización, conviene probarla en directo, tal como la verían tus usuarios. Teams Toolkit te facilita mucho el trabajo, pero como Microsoft Teams es un servicio en la nube, no basta con abrir un servidor web local y esperar que todo funcione sin más. Ahí es donde entra ngrok.

Ngrok crea un túnel seguro desde internet público hasta tu equipo local. Esto significa que Microsoft Teams puede acceder a tu aplicación (ya sea una pestaña, un bot o una extensión de mensajes), aunque la estés ejecutando en tu propio ordenador. Teams Toolkit se integra con ngrok, por lo que la configuración es tan sencilla como un par de clics, sin que tengas que pelearte con cortafuegos ni con problemas de red.

Cuando previsualizas tu app en local con el Toolkit y ngrok, obtienes información inmediata sobre lo que funciona y lo que hay que corregir, directamente dentro de la interfaz de Teams. Si detectas un problema, ajusta tu código y vuelve a cargarlo; así de sencillo. Este ciclo de retroalimentación reduce el tiempo que va desde el desarrollo hasta ver resultados reales, algo fundamental cuando estás eliminando errores o puliendo la experiencia antes del lanzamiento. La vista previa local en Teams te ayuda a dejarlo bien antes de mostrárselo a todo tu equipo.

Personalizar tu app de Teams Toolkit: mejoras de interfaz y datos

Una vez que tengas lo básico y tu app esté en funcionamiento, es hora de hacerla realmente tuya. Personalizar tu app de Teams no consiste solo en cambiar colores o añadir un logotipo: se trata de refinar la interfaz para que los usuarios reconozcan tu marca y la herramienta encaje con las necesidades de tu equipo. Puedes empezar por actualizar los títulos de la app, ajustar los fondos de la galería o cambiar los iconos para que reflejen la personalidad de tu organización.

Pero no es solo cuestión de apariencia. Conectar tu app a datos reales puede convertirla de una demo en una herramienta de trabajo imprescindible. Quizá quieras que tu app obtenga información de una hoja de cálculo, gestione filas de una tabla o se conecte a un backend mediante llamadas a API personalizadas. Estas mejoras te dan control sobre lo que muestra tu app y sobre cómo interactúan los usuarios con ella a diario.

Mientras haces ajustes en la interfaz o configuras tablas de datos, no olvides la usabilidad: formularios claros, etiquetas útiles y tarjetas interactivas marcan una gran diferencia. Para más ideas sobre cómo potenciar la interactividad en Teams, puede que te interese leer sobre cómo desbloquear las Adaptive Cards interactivas en Teams. Si quieres dominar la personalización de notificaciones y mantener a los usuarios informados, hay mucho que aprender en esta guía sobre notificaciones más inteligentes de Teams y Adaptive Cards. A continuación, veremos cómo gestionar los títulos de la app, los fondos y las conexiones manuales de datos para pulir tu app y hacerla aún más útil.

Actualizar el título de la app y el fondo de la galería

• Cambia el título de la app: abre el archivo de manifiesto y actualiza el nombre para mostrar de la app para que coincida con la marca de tu organización o proyecto.
• Sustituye la imagen de fondo de la galería: reemplaza el fondo predeterminado por una imagen personalizada que refleje el estilo o la paleta de colores de tu equipo.
• Actualiza los iconos de la app: sube los iconos cuadrado y de contorno para las galerías de Teams. Esto ayuda a que tu app destaque visualmente en la lista de apps de Teams.

Conectar datos manualmente y gestionar tablas

• Conecta las fuentes de datos: vincula tu app manualmente a una base de datos, un archivo de Excel o un endpoint de API; basta con indicar en la configuración de tu app la fuente correcta.
• Crea y modifica tablas: configura nuevas tablas y añade columnas para la información de usuario, el estado o los campos personalizados que necesite tu app.
• Añade o edita filas: introduce datos de ejemplo, ajusta valores o deja que los usuarios introduzcan información de forma dinámica; así el contenido de tu app se mantiene actualizado y útil.

Diseñar una experiencia de usuario coherente con Fluent UI y Adaptive Cards

Una buena app de Teams no solo funciona: también se ve y se siente bien dentro del entorno de Microsoft Teams. Fluent UI ofrece un conjunto de componentes de interfaz de código abierto y accesibles que encajan con el estilo propio de Teams. Gracias a Fluent UI puedes crear campos de formulario, botones, listas y diseños que resulten naturales a tus usuarios finales sin empezar desde cero.

Las Adaptive Cards son otro elemento clave. Son tarjetas interactivas y fáciles de diseñar que aparecen en el chat, en las pestañas o en las extensiones de mensajes. Te permiten recopilar la entrada del usuario, mostrar contenido dinámico o crear desencadenadores de flujos de trabajo, todo ello con una interfaz flexible basada en tarjetas. Seguir las guías de interfaz de Teams garantiza que todo sea fácil de tocar y accesible, independientemente del dispositivo.

Las buenas prácticas de UX en Teams se centran en la claridad y la rapidez: etiqueta los botones con claridad, agrupa la información relacionada y no sobrecargues tus tarjetas con detalles. El diseño adaptable ayuda a que tu app se ajuste a la web, al escritorio y al móvil. Si eres desarrollador o profesional de Power Platform y quieres dominar las Adaptive Cards y la automatización, esta guía para crear Adaptive Cards interactivas en Teams incluye flujos de trabajo y ejemplos prácticos de JSON.

En resumen, mantenerte con Fluent UI y las tarjetas adaptables hace que tu aplicación parezca integrada de forma nativa y genere confianza. Mantiene a los usuarios comprometidos, reduce la confusión y aumenta las probabilidades de que tu aplicación se convierta en un hábito diario, y no en otra pestaña que nadie abre.

Personalizar y publicar tu aplicación de Teams Toolkit

Cuando tu aplicación de Teams tenga el aspecto y el comportamiento adecuados, es hora de llevarla desde el entorno de desarrollo al resto de la organización. El proceso de publicación empieza por personalizar tu aplicación de Teams Toolkit: los ajustes finales en los archivos de manifiesto, los permisos y la imagen de marca garantizan que la aplicación cumpla las expectativas de tu equipo y supere las comprobaciones de la organización.

Empaquetar la aplicación significa reunir todos los archivos, imágenes y código en un formato que Teams pueda interpretar. Tendrás que revisar el manifiesto para comprobar que incluye los iconos obligatorios, las declaraciones de privacidad y los permisos que solicita la aplicación. La seguridad es especialmente importante: las aplicaciones deben cumplir las normas de la organización y de Microsoft 365 para poder instalarse en Teams.

Teams Toolkit te guía en el envío de la aplicación al catálogo de aplicaciones de tu inquilino de Microsoft 365 o, para despliegues más amplios, a la Teams App Store (sujeto al proceso de revisión de Microsoft). Es posible que necesites la aprobación de un administrador antes de que todos puedan usar la nueva herramienta. El aprovisionamiento, es decir, la configuración de los recursos en la nube que necesite tu aplicación, también se realiza en esta fase, lo que garantiza que la aplicación esté lista para los usuarios reales en el momento en que se instale.

Un despliegue exitoso es mucho más que subir un archivo. Prueba a fondo, comunica los cambios y supervisa posibles incidencias tras la publicación para que tu equipo pueda disfrutar de las ventajas sin interrupciones.

Recursos de aprendizaje y próximos pasos para desarrolladores de aplicaciones de Teams

Terminar tu primer proyecto de aplicación para Microsoft Teams es un gran logro, pero si quieres seguir mejorando tus habilidades, hay muchos recursos y comunidades dispuestos a ayudarte. Empieza por la documentación oficial de Microsoft: se actualiza con frecuencia e incluye código de ejemplo y escenarios reales, así que nunca tendrás que adivinar.

Los tutoriales y las guías en vídeo pueden acortar tu curva de aprendizaje. Busca guías paso a paso, como esta guía para organizar proyectos en Teams con SharePoint y Power Automate, que puede ayudarte a crear soluciones de Teams más estructuradas y automatizadas a medida que tus aplicaciones ganan complejidad. Mantener el orden y entender cómo encaja la automatización en Teams te dará una ventaja clara.

Los foros de la comunidad y los grupos de debate son una mina de consejos prácticos. Conecta con otros desarrolladores, comparte comentarios y haz preguntas: la comunidad de desarrolladores de aplicaciones de Teams es activa e inclusiva, tanto si eres principiante como si amplías tu solución con integraciones avanzadas. Para la gobernanza y las buenas prácticas, este recurso sobre la gobernanza de Teams puede ayudarte a entender el cumplimiento y la seguridad a medida que tus soluciones avanzan en el modelo de madurez.

A partir de aquí, considera obtener certificaciones que acrediten tu capacidad para desarrollar aplicaciones de Teams, o profundizar en escenarios avanzados como bots, automatización y seguridad. Con la combinación adecuada de aprendizaje y participación en la comunidad, seguirás progresando mucho después de publicar tu primera aplicación.