Cómo exportar un gif de figma
¿Estás buscando una manera de llevar a tu desarrollador y un juego de diseño al siguiente nivel?? Figma es una herramienta increíble que permite a los usuarios crear prototipos ricos llenos de efectos de audio, video y animación. Sin embargo, para probar adecuadamente la sensación y las funciones del prototipo, debería poder exportarlo como un GIF y verlo en acción.
Esta guía explicará cómo puede exportar sus prototipos de figma como GIF utilizando su PC o dispositivo móvil.
Cómo exportar a GIF en Figma en una PC
La forma más sencilla de exportar GIF animados de Figma es con el complemento TinyImage. Antes de poder lanzar y usar el complemento, deberá iniciar sesión en su cuenta de Figma y ir a la sección "Comunidad".
Para descargar el complemento:
- Ingrese "TinyImage" en el cuadro de búsqueda.
- En la sección "Plugins", encuentre el icono "Tinyimage Compressor".
- Haga clic en el botón Instalar junto al icono.
Cuando haya instalado el complemento, abra el proyecto de diseño que desea guardar como GIF. Haga clic en cualquier lugar de la pantalla para abrir el menú desplegable. Elija "complementos" y toque "TinyImage Compressor" para iniciarlo.
Aquí le mostramos cómo crear un GIF con el complemento:
- En la parte superior de la ventana del complemento, presione el botón "Crear un GIF".
- Seleccione las capas en su lienzo de figma. Actuarán como los marcos de tu gif.
- En la parte inferior de la ventana TinyImage, toque la opción "Usar capas seleccionadas". Verá una presentación de diapositivas de sus capas en el centro de la ventana en el orden que las seleccionó.
- Debajo de la vista previa, haga clic en los íconos de la capa, luego arrástrelos hacia la izquierda o hacia la derecha para cambiar su pedido.
- Toque el pequeño botón "Play" debajo de la presentación de diapositivas para ajustar la velocidad de reproducción.
- Junto a los controles de retraso de tiempo, seleccione cuántas veces el GIF se encenderá el GIF. La configuración predeterminada es "Infinito."Haga clic en la opción" Infinite "para deshabilitarlo e ingrese el número deseado de bucles en el cuadro a su lado.
- Ajuste el tamaño del GIF en los campos por debajo del retraso de tiempo y opciones de bucle.
- Si sus capas tienen bordes transparentes, presione el botón "Fondo transparente" en la parte inferior de la ventana para que sean visibles en el GIF.
- Seleccione la calidad de imagen del GIF en la esquina inferior izquierda. Es mejor establecer la velocidad en alrededor de 80 o 90 para preservar todas las características de sus capas.
- Deje los controles de "dithering" establecidos en "Sin ditubrar."
- Toque el botón "Exportar GIF" en la parte superior de la ventana TinyImage.
- Los marcos se fusionarán y formarán un GIF y se descargará automáticamente y guardará en sus archivos de descarga.
Una nota sobre las capas
El menú desplegable sobre las miniaturas de la capa también le permite reproducir las capas de izquierda a derecha o de derecha a izquierda. Sin embargo, para un mayor control sobre la aparición final del GIF, es mejor ordenar los marcos manualmente.
Una nota sobre la reproducción
Establezca la velocidad de reproducción predeterminada moviendo el botón en la línea de medición de tiempo. Sin embargo, si desea marcos específicos para tener diferentes velocidades de reproducción, puede hacerlo haciendo clic en una miniatura y configurando la velocidad en el cuadro debajo de él.
Cómo exportar a GIF en Figma en un dispositivo móvil
Los prototipos de Figma a menudo vienen con animaciones avanzadas como pestañas deslizantes, opciones de deslizamiento y menús desplegables. Guardarlos como un gif le facilitará mostrar el diseño en acción. Sin embargo, la aplicación móvil solo permite a los usuarios obtener una vista previa de sus prototipos. Aunque no hay soporte de exportación incorporado, puede evitar el problema grabando la aplicación de la aplicación y convirtiendo el video en un GIF.
Cómo exportar a GIF en Figma en un iPhone
Para guardar su proyecto como GIF en un iPhone, primero grabará la aplicación Figma y hará un GIF con la aplicación Atendos.
Para detectar grabar figma en un iPhone:
- Inicie la aplicación móvil Figma y abra el proyecto que desea convertir en un GIF.
- Ingrese "Configuración" y seleccione "Centro de control."
- Elija "Personalizar controles" y toque el botón verde junto a "Grabación de pantalla" para habilitar la función.
- Volver al "Centro de control."
- Presione el botón "Grabación de pantalla".
- Haga clic en el botón Rojo para finalizar la grabación.
La grabación generalmente se almacena en su aplicación de fotos.
Compruebe si su iPhone tiene la herramienta de accesos directos preinstalados para convertir su video en un GIF. También puede descargar la herramienta desde la App Store.
Aquí le mostramos cómo cambiar el video en un archivo GIF en un iPhone:
- Abra la aplicación, vaya a la parte inferior de la interfaz y seleccione la tarjeta "Galería".
- Toque la pestaña "Atendos de arranque" debajo del menú de búsqueda.
- Desplácese hasta la parte inferior de la pantalla y haga clic en la sección "Hacer GIF".
- Presione el botón "Agregar acceso directo" para habilitar el atajo GIF.
- Cuando se haya instalado el atajo, regrese a "mis atajos."
- Toque "Make GIF" y elija "Aceptar" para conectar la aplicación y su galería de fotos.
- Explore sus videos y seleccione el video que se convertirá en un GIF.
- Use los controles deslizantes para seleccionar qué marcos se incluirán en el GIF.
- Toque "Guardar" para registrar los cambios. Su nuevo archivo GIF se guardará en la aplicación de fotos de la tableta.
- Haga clic en "Listo" para salir de la aplicación atajos.
Cómo exportar a GIF en Figma en un dispositivo Android
Como la aplicación FIGMA permite a los usuarios previsualizar los prototipos pero no exportarlos, grabará la vista previa en su dispositivo Android, transformando el video en un GIF más tarde.
Aquí está cómo detectar grabar figma en un Android:
- Inicie la aplicación y abra una vista previa de su proyecto.
- Slip doble desde la parte superior de la pantalla y seleccione "Registro de pantalla."Si no está allí, intente deslizar bien. A veces tendrá que tocar el icono "Editar" en la parte superior de la pantalla para revelar un menú oculto. La función de "registro de pantalla" también puede estar allí.
- Toque la vista previa del prototipo para indicar que desea grabarlo.
- Haga clic en el botón "Inicio". Una vez que termine la cuenta regresiva, la pantalla se grabará.
- Deslice hacia abajo y toque la tarjeta "Grabadora de pantalla" para dejar de grabar.
El video de la vista previa de figma se guardará en su aplicación de fotos de Android. Puedes convertirlo en un gif con la aplicación Giphy.
Para convertir un video en un GIF en un dispositivo Android:
- Instale y inicie la aplicación Giphy en su dispositivo.
- Regístrese y cree una cuenta de Giphy.
- Presione el botón "Crear" en la parte superior derecha de la interfaz.
- Habilite la aplicación para acceder a su cámara.
- Seleccione un video de su galería de Android.
- Ajuste la longitud del video. La aplicación Giphy permite a los usuarios insertar elementos como texto y pegatinas en sus archivos.
- Haga clic en el icono "Flecha" en la parte inferior de la aplicación.
- Elija "Compartir GIF" y seleccione "Guardar GIF."
Exportar GIF sin restricciones
Ya sea que sea un desarrollador experimentado o un diseñador aficionado, merece tener una forma conveniente de mostrar su trabajo a otros en forma de GIF. Puede obtener una vista previa de sus creaciones en la aplicación FIGMA, pero acceder a sus diseños puede convertirse en una tarea desafiante una vez que la conexión a Internet disminuya. Hasta que FIGMA salga con una solución de exportación fácil de usar, puede confiar en los métodos que presentamos en el artículo.
Esperamos que esta guía lo haya ayudado a comprender mejor cómo obtener un GIF de alta calidad de sus creaciones de figma, sin importar qué dispositivo esté utilizando.
¿Utiliza la versión web o móvil de Figma?? ¿Cuál es su forma preferida de exportar gifs?? Háganos saber en la sección de comentarios a continuación.
