Importar diseño de Figma a Android Studio

Importar diseño de Figma a Android Studio

Marlen Arely Flores TrejoDanna Karen Hernández AguilarBrandon Alexander Arciniega OrtízManuel Canales García

EMPEZAR

FIGMA

Figma es una aplicación para diseñar interfaces que se ejecuta en el navegador. Figma te brinda todas las herramientas necesarias para la fase de diseño del proyecto, incluidas las herramientas vectoriales capaces de ilustrar completamente, así como aquellas para la creación de prototipos y la generación de código para el traspaso (hand-off).

ANDROID STUDIO

Android Studio es el entorno de desarrollo integrado (IDE) oficial para el desarrollo de apps para Android y está basado en IntelliJ IDEA

Importar diseño

Es posible importar un diseño creado en Figma hacia Android Studio a través de el uso del código que genera Figma y el uso de pluggins.

Generar diseño en Figma y Andoid Studio

Centrar los objetos

Aqui va un a imagen

Organizar Layers y Folder

Exportar por medio de un pluggin

Extraer la carpeta generada

Insertar la carpeta en la carpeta base de la app o abrir desde Android Studio

En conclusión, Figma es una buena aplicación para modelar diseños modernos, que posteriormente podemos usar en Android Studio de una manera eficiente.