Importación y Exportación de Prototipos
Importación con Plugin de Figma
Usa el plugin “Import to Phase” en Figma para importar tus diseños a Phase. Si has configurado componentes interactivos en Figma, Phase los convertirá automáticamente en las acciones correspondientes.
Exportación de Acción (Interacción)
Sin seleccionar ninguna Acción deseada, Phase exportará automáticamente la primera Acción en la pantalla como una animación cuando hagas clic en el botón “Exportar”.
Sin seleccionar ninguna Acción deseada, Phase exportará automáticamente la primera Acción en la pantalla como una animación cuando hagas clic en el botón “Exportar”.
Para exportar una Acción deseada:
- Selecciona el elemento que está asociado con la Acción deseada.
- Haz clic en el icono de rayo y selecciona la Acción deseada del Diálogo de lista de acciones.
- Haz clic en el botón “Exportar”.
- Aparecerá la Ventana de Configuración de Importación.
- Presiona Exportar. La Acción se exportará como una animación.
Los Tipos de Archivo de Exportación de Animación compatibles son:
- GIF: Los GIF son la opción ideal para animaciones pequeñas y en bucle, perfectas para incrustar en sitios web o redes sociales.
- MP4: Para exportaciones de video de alta calidad, MP4 es la mejor opción.
- Lottie (.json): Los archivos Lottie JSON mantienen nuestras animaciones editables y ligeras. Son excelentes para implementar animaciones fluidas en plataformas y aplicaciones.
- dotLottie (.lottie): Los archivos DotLottie comprimen nuestras animaciones Lottie en un único paquete autocontenido con un tamaño de archivo más pequeño, perfecto para compartir e implementar de forma optimizada.
Exportación de Código (Próximamente)
En el Modo Inspección, traduciremos tu diseño a componentes React con CSS y JS. Podrás copiar el código traducido y pegarlo en tu código base o proporcionárselo a tus ingenieros como referencia.
Comenzar a crear prototipos
Comienza a crear con nuestra plataforma web gratuita
© Phase Software GmbH 2025