Figma

Figma reúne al equipo en un espacio para diseñar interfaces web y móviles. Crea pantallas, prueba prototipos interactivos y entrega componentes reutilizables a desarrollo sin repartir el trabajo entre archivos aislados.

Diseños de interfaces
Prototipos interactivos
Gráficos vectoriales

De Figma

figma.com

Acceso y disponibilidad

Operaciones y acceso a la API

Compatible; consulta las condicionesIntegrado

Qué puedes hacer: La API REST, el servidor MCP, los plugins y Code Connect resuelven tareas distintas. Confirma las operaciones documentadas antes de diseñar la integración.

Más detalles y condiciones

Acceso: Depende del contexto
Requiere permisos
Condiciones: El acceso y los límites de solicitudes dependen de la operación, la licencia y el plan.
Escribir variables requiere Enterprise, una licencia Full o acceso de administrador, permiso de edición del archivo y el scope file_variables:write; los invitados quedan excluidos.

Edición sin conexión

Disponible con condicionesIntegrado

Qué puedes hacer: Carga las páginas necesarias con conexión. Podrás editarlas y sincronizar los cambios al reconectarte.

Más detalles y condiciones

Acceso: Incluido
Condiciones: Carga las páginas necesarias con conexión. Podrás editarlas y sincronizar los cambios al reconectarte.
Las páginas no cargadas, la colaboración en directo y la búsqueda en bibliotecas necesitan conexión. Instalar la app de escritorio no crea un espacio de trabajo completamente sin conexión.
Las apps móviles se centran en revisión y colaboración.
Estado de disponibilidad: Disponibilidad general

Resumen

Figma Design permite trabajar pantallas y recorridos antes de implementarlos. Los componentes y variables reutilizan decisiones dentro del archivo; las bibliotecas compartidas las llevan al equipo. Auto layout adapta los componentes cuando cambia el texto o el marco. Decide qué resultado necesitas. Un prototipo interactivo de Design, una web publicada con Sites y el código generado con Make son flujos distintos, con sus propios límites y condiciones.

Más detalles del producto

Producto

Documentación: help.figma.com/hc/en-us
Notas de la versión: figma.com/release-notes
Tipo de solución: Conjunto de herramientas

Proveedor · Figma

Sitio web: figma.com

Antes de elegir

Qué revisar antes de elegir

El trabajo completamente sin conexión es limitado; la nube sigue siendo parte esencial del producto.
Para editar diseños necesitas una licencia Full. Dev y Collab cubren otras funciones.
Las bibliotecas compartidas, los prototipos avanzados y la administración tienen restricciones de plan.
SAML SSO está disponible en Organization y Enterprise, no en Starter ni Professional.

Para desarrolladores

Métodos de entrega: Inspección del diseño
Proyecto editable
Exportación de recursos
Acceso y límites: Dev Mode completo requiere una licencia Full o Dev de pago.
La exportación de recursos depende de los permisos del propietario del archivo.
Qué queda por desarrollar: Dev Mode facilita la inspección y entrega del diseño. Code Connect puede vincular componentes con tu implementación existente. El equipo sigue siendo responsable de desarrollar y probar la aplicación.

Llevar tu trabajo a otra herramienta

Una copia local .fig conserva el diseño editable, pero excluye comentarios e historial.
Los PNG, JPG, SVG y PDF exportados son recursos para entregar, no una aplicación completa.
La importación convierte archivos .sketch; los estilos deben reconstruirse.