Ir al contenido
Entrar

GUÍA

Cómo importar tu marca desde Figma

Conectás tu cuenta de Figma una vez, pegás el link de tu archivo y te proponemos los colores, las tipografías y los logos de tu design system.

Antes de empezar

Necesitás una cuenta de Figma que pueda abrir el archivo y el link del archivo. La conexión se hace una sola vez: Conectar Figma te lleva a Figma, ahí autorizás a The Agentcy a leer tus archivos y tu nombre, y volvés. Desde ese momento importás pegando solo el link, las veces que quieras, en el onboarding y en Tu cuenta.

Tiene que ser un archivo de diseño, no un board de FigJam. Sirve cualquier archivo que tu cuenta pueda abrir: tuyo, de tu equipo o uno que te compartieron.

El paso a paso

  1. 01
    Conectá FigmaEn el onboarding, el paso de marca tiene la pestaña Desde Figma; en Tu cuenta, Marca, está en el menú Importar. Apretá Conectar Figma: te lleva a Figma, autorizás con tu cuenta y volvés a la misma pantalla con Figma conectado y tu nombre al lado.
  2. 02
    Copiá el link del archivoAbrí el archivo en Figma y copiá la dirección de la barra del navegador. Sirven las dos formas, figma.com/design/... y la vieja figma.com/file/.... No importa en qué página o nodo estés parado: leemos el archivo entero.
  3. 03
    Pegá el link e importáEl link va en el campo y después, Importar desde Figma. No hay nada más que pegar: la lectura corre con la cuenta que conectaste.
  4. 04
    Revisá la propuestaTarda hasta cuarenta segundos: leemos los estilos y los componentes del archivo y exportamos los logos. Lo que vuelve es la misma grilla que la de una web: colores, tipografías y logos con un tacho para sacar los que no sean tuyos.
  5. 05
    ContinuáEn el onboarding, Continuar guarda el kit con los logos que quedaron en pantalla. En Tu cuenta, el primario aplica la propuesta sobre la marca que ya tenías.

Lo podés repetir las veces que quieras. Cada lectura reemplaza la propuesta anterior, nunca la marca que ya guardaste. Si tu marca vive en un PDF y no en Figma, el camino es el del brandbook.

Qué se importa y qué no

ColoresTodos los rellenos sólidos del archivo, pesados por el tamaño del elemento que los usa. Un relleno que referencia un estilo de color, tipo Brand/Primary, cuenta tres veces más: eso es una decisión, no un botón.
TipografíasLas familias de las capas de texto, pesadas por cuántos caracteres dibujan. El texto grande (28 px o más) cuenta como titulares y el chico como cuerpo. Te ofrecemos la familia más parecida de nuestro catálogo y siempre te mostramos el nombre que leímos.
LogosLos componentes, instancias, frames y grupos cuyo nombre de capa dice logo, isotipo, imagotipo, wordmark, brand mark o marca. Hasta seis, exportados como PNG al doble de tamaño, del más grande al más chico.
Lo que no se importaVariables, componentes enteros, espaciados, efectos y nada de los prototipos. La lectura es una propuesta de marca, no una copia del design system.

Qué guardamos y cómo se corta

De la cuenta conectada guardamos el permiso de lectura que Figma nos dio, cifrado, junto con tu nombre y tu mail de Figma para mostrarte cuál cuenta es. Con eso leemos solo los archivos cuyo link pegás: no recorremos tus archivos ni escribimos en ninguno. Figma da el acceso por noventa días y lo renovamos solos antes de que venza.

Desconectar, al lado de tu nombre, borra ese permiso de nuestro lado en el momento. Si además querés cortarlo del lado de Figma, entrá a Settings, Connected apps, y quitá The Agentcy. Los logos que importaste se copian a tu biblioteca recién cuando continuás con ellos en pantalla, y la propuesta sigue andando aunque desconectes: lo que quedó acá son los colores, las tipografías y los logos que dejaste.

Si algo falla

No autorizaste el acceso en FigmaCerraste la ventana o apretaste Cancelar. No pasó nada: volvé a apretar Conectar Figma cuando quieras.
Tu conexión con Figma vencióFigma da acceso por noventa días y lo renovamos solos antes de que venza. Si igual venció (quitaste la app desde Figma, o pasó mucho sin usarla), apretá Conectar Figma de nuevo.
No encontramos el archivoEl link no es de un archivo de diseño (los boards de FigJam no se leen) o la cuenta que conectaste no lo puede abrir. Abrilo primero en Figma con esa cuenta: si te abre a vos, nos abre a nosotros.
El archivo es demasiado grandeLeemos hasta 20 MB de estructura del archivo. Uno que tiene todas las pantallas de un producto se pasa. Duplicá solo las páginas del design system en un archivo nuevo y leé ese.
Figma nos pidió esperarFigma limita los pedidos por cuenta. Esperá un minuto y probá de nuevo.
No encontramos nadaEl archivo no tiene rellenos sólidos, ni texto, ni una capa que se llame como un logo. Fijate que los colores estén en estilos o rellenos y no solo en variables, y que el componente del logo diga logo en el nombre.
Cómo importar tu marca desde Figma · The Agentcy