Editor

Diseño en movimiento

Del diseño a la animación, todo en una aplicación.

Editor Hero Illustration

¿Por qué los diseñadores nos aman?

Fácil de Aprender

Para todos los niveles de experticia en diseño.

La transferencia de diseños es simple

Los desarrolladores pueden usar tus animaciones directamente, sin necesidad de configuraciones adicionales

Basado en la web

Diseña y crea animaciones desde tu navegador.

Importar

Importa y personaliza tu diseño.

feature-editor:import.lottie_animations

Lottie

Escoge entre una variedad de animaciones disponibles en la biblioteca Lottie.

feature-editor:import.image

Imagen

Añade movimiento a las imágenes en solo unos pocos pasos.

feature-editor:import.svg

SVG

Anima archivos exportados desde Figma u otras herramientas fácilmente.

Diseño

Descubre nuestras herramientas creativas.

La herramienta Pluma es útil para crear formas complejas. Crea líneas rectas haciendo clic para colocar puntos, o líneas curvas haciendo clic y arrastrando para controlar la forma de la curva.

Diseña formas complejas con facilidad.

Herramienta Pluma

Herramienta Pluma

Crea cuadros de texto haciendo clic y arrastrando en el lienzo. Ajusta las propiedades de la fuente y el formato para estilizar nuestro texto, o usa el texto como una forma convirtiéndolo en una ruta.

Diseña y anima la interfaz de usuario con texto.

Texto

Texto

A diferencia de los Grupos, los Contenedores organizan elementos en relaciones complejas. Ajusta propiedades, relleno, borde y efectos para controlar su comportamiento y apariencia.

Organiza elementos con relaciones de padre-hijo.

Contenedores

Contenedores

Usa Unión para fusionar formas, Restar para quitar una forma de otra, Intersección para mantener solo las partes superpuestas y Diferencia para eliminar las regiones compartidas.

Crea nuevos elementos usando fusión de objetos.

Fusión de objetos

Fusión de objetos

El Origen es un punto de referencia para posicionar elementos, alinear formas y servir como el punto de pivote al transformar un elemento.

Establece puntos de referencia para una animación precisa.

Origen

Origen

Las máscaras son perfectas para formas y animaciones complejas. La herramienta Máscara controla la visibilidad y se puede animar.

Oculta elementos sin destruirlos.

Enmascarar

Enmascarar

Anima

¿Por qué nos conformaríamos con diseños estáticos, cuando podemos añadir movimiento?

Ajusta las propiedades del elemento en el lienzo o en el panel de propiedades para crear un fotograma clave de animación en ese momento.

Establece valores de propiedad para controlar los cambios de elementos a lo largo del tiempo.

Fotogramas intuitivos

Fotogramas intuitivos

Recortar Trazado controla la porción visible de un trazo. Ajusta los puntos de inicio y fin para crear animaciones de dibujo o borrado.

Animar rutas controlando su visibilidad.

Recorte de trazado

Recorte de trazado

El suavizado de fotogramas clave ajusta la tasa de cambio entre fotogramas clave. Aplica el suavizado para suavizar las animaciones, creando un movimiento más natural.

Elabora transiciones fluidas, vivas y dinámicas.

Suavizado de animaciones

Suavizado de animaciones

Los preajustes de animación son animaciones predefinidas y reutilizables. Aplica estos efectos listos para usar a los elementos para obtener resultados rápidos y profesionales.

Aplica animaciones prediseñadas con un clic.

Preajustes de animación

Preajustes de animación

Exporta

La entrega de nuestro trabajo es rápida y fácil.

feature-editor:export.lottie

Lottie

Para un uso fluido en web y móvil.

feature-editor:export.gif

GIF

Para compartir animaciones en bucle.

feature-editor:export.mp4

MP4

Para videos sin pérdida de compresión.

Colaboración

Descubre cómo los equipos trabajan juntos en Phase.