'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Flinto y Figma
Esta función ha sido desarrollada por Flinto. Si tiene alguna pregunta sobre Flinto o la integración, comuníquese con el equipo de Flinto.
Flinto es una aplicación para Mac utilizada por diseñadores para crear prototipos interactivos y animados. Flinto solo está disponible para Mac. Obtenga más información sobre Flinto.
Con Flinto podrá acceder a potentes herramientas para realizar transiciones animadas, microinteracciones, efectos basados en desplazamiento y mucho más. Con Flinto puede:
- Crear transiciones animadas personalizadas entre marcos.
- Diseñar sus propias microinteracciones con Behavior Designer de Flinto.
- Utilizar diversos gestos táctiles, incluido el toque 3D.
- Añadir GIF y videos a sus prototipos.
- Exportar grabaciones de sus prototipos para compartirlas en línea.
La integración le permite importar sus diseños de Figma a Flinto. Podrá convertirlos en prototipos animados e interactivos.
Nota: Al importar marcos desde Figma, Flinto conservará la mayoría de las formas vectoriales y capas de texto editables. Para cualquier característica que no sea compatible, Flinto las aplanará en imágenes de mapa de bits.
En este artículo trataremos:
Conectar Figma y Flinto
Antes de poder importar sus diseños desde Figma, deberá autorizar la conexión entre Figma y Flinto.
Esto permite a Flinto acceder a sus archivos y así poder importarlos a la aplicación.
Solo tendrá que hacerlo una vez, la primera vez que importe un archivo desde Figma.
- Abra la aplicación Flinto.
- Haga clic en Importar en la barra de herramientas. O vaya a Flinto > Importar en la barra de menú.
- Seleccione la pestaña Figma:
- Haga clic en el botón Iniciar sesión en Figma:
- El navegador abrirá Figma en una nueva pestaña. Si no ha iniciado sesión, se le pedirá que lo haga ahora. Si no, haga clic en el botón Permitir acceso:
- Haga clic en el aviso para volver a Flinto.
Importar un diseño desde Figma
Ahora que la conexión está establecida, puede importar sus archivos Figma a Flinto.
Podrá seleccionar los archivos que haya abierto más recientemente. Si no ha abierto el archivo recientemente o no ve el archivo que busca, intente abrirlo primero en Figma.
- En la aplicación Flinto, haga clic en el botón Importar de la barra de herramientas.
- Seleccione la pestaña Figma. A continuación, puede seleccionar el archivo que quiere importar a Flinto. Los archivos editados más recientemente se muestran en la parte superior:
- Seleccione el tamaño de pantalla para el Archivo seleccionado. El valor predeterminado será el tamaño del documento actual.
- Haga clic en el botón Importar marcos.
- Ya está listo para crear su prototipo en Flinto. Visite la página para aprender a utilizar Flinto para obtener más información sobre cómo empezar.
Desconectar su cuenta Figma
- Haga clic en el botón Importar de la barra de herramientas para abrir el modal.
- Seleccione la pestaña Figma.
- Haga clic en su foto de perfil en la esquina inferior izquierda y seleccione Cerrar sesión:
