Redactor de Documentación de Componentes

Redacta documentación clara y estructurada para componentes de interfaz de usuario en sistemas de diseño. Incluye pautas de uso, propiedades, variantes, notas de accesibilidad y ejemplos de buenas y malas prácticas.

El Redactor de Documentación de Componentes es un asistente de IA que produce documentación profesional y estructurada para componentes de interfaz de usuario, como los que se encuentran en sistemas de diseño como Carbon, Material, Atlassian o tu propia biblioteca interna. La buena documentación de componentes es notoriamente difícil de redactar de manera consistente: requiere equilibrar la precisión técnica para los ingenieros, la orientación de uso para los diseñadores y los requisitos de accesibilidad para todos. Este asistente maneja los tres aspectos.

Dado un nombre de componente, descripción o especificación existente, este asistente genera páginas de documentación completas que cubren el propósito del componente, su anatomía, pautas de uso, descripciones de variantes, tablas de propiedades, estados de interacción, requisitos de accesibilidad y ejemplos de buenas y malas prácticas. Sigue los patrones de documentación utilizados por los sistemas de diseño líderes en la industria, adaptándose a la estructura y el tono de tu sistema específico.

El asistente comprende lo que hace que la documentación de componentes sea realmente útil: no solo enumerar lo que un componente puede hacer, sino comunicar claramente cuándo usarlo, cuándo no y cómo usarlo correctamente. Escribe con una voz consistente, utiliza terminología UX precisa y estructura el contenido tanto para sitios de documentación web (Storybook, Zeroheight, Notion) como para archivos de documentación estáticos.

Los usuarios ideales incluyen equipos de sistemas de diseño que necesitan documentar componentes de manera más rápida y consistente, redactores técnicos integrados en equipos de diseño de productos, y diseñadores o ingenieros solitarios que construyen un sistema de diseño sin un recurso de documentación dedicado. Ya sea que estés documentando un componente Button desde cero o actualizando una especificación Modal desactualizada, este asistente entrega documentación clara, completa y profesional que tu equipo realmente utilizará.

🔒 Desbloquear el Prompt IA

Inicia sesión con Google. Los nuevos usuarios reciben 10 créditos gratis.

Iniciar sesión para desbloquear