Cómo importar un tablero de Pinterest a Figma: 3 métodos comparados

Para importar un tablero de Pinterest a Figma puedes combinar la extensión de PinBoardSaver para Chrome con su plugin gratuito de Figma, descargar el tablero como ZIP y colocar los archivos tú mismo, o capturar la página del tablero con html.to.design. La tabla de abajo compara la configuración, los diseños y los límites de cada método.

Los tres métodos de un vistazo

Método 1: copiar el tablero al plugin de PinBoardSaver para Figma

1. Instala el plugin de PinBoardSaver desde Figma Community. Si te saltas este paso ahora, la pantalla de resultado de la extensión tiene un enlace «Obtener el plugin de Figma» que lleva a la misma ficha.
2. Instala la extensión PinBoardSaver para Chrome.
3. Abre tu tablero de Pinterest en Chrome y haz clic en el icono de la extensión. El panel muestra «Todos los Pines», ya marcada, y las secciones del tablero como casillas.
4. Haz clic en «Iniciar Descarga» y espera a la pantalla «¡ZIP Listo!».
5. En esa pantalla, haz clic en «Copiar para Figma». El botón responde «¡Copiado al portapapeles!». No hace falta guardar antes el ZIP.
6. En Figma, ejecuta el plugin PinBoardSaver y pulsa Ctrl+V o Cmd+V. El plugin indica cuántos pines ha detectado.
7. El plugin está en inglés: en «Layout Options», elige «Grid», «Masonry», «Single Row» o «Single Column», ajusta «Columns» (de 1 a 10), «Image Width» y «Spacing» y haz clic en «Import to Figma».

Todo llega a un solo frame con el nombre del tablero, por ejemplo pinboardsaver_kitchen_ideas, centrado en tu vista y seleccionado. Cada imagen es un rectángulo con un relleno de imagen, que lleva el título del pin cuando lo tiene, y la proporción se lee del propio archivo. «Grid» mantiene el orden pegado en filas estrictas; «Masonry» coloca cada imagen en la columna más corta, como hace Pinterest. Primero van los pines que están fuera de las secciones y después cada sección por turno, todo en el mismo frame. Para tener un frame por sección, desmarca «Todos los Pines», marca una sola sección y repite los pasos 4 a 7.

«Copiar para Figma» copia los pines de la descarga que acabas de hacer, así que aquí también rige el límite del plan gratuito: 20 pines por descarga. «Seleccionar pines manualmente» te deja elegir cuáles 20, y Premium elimina el límite.

Algunos detalles que conviene conocer:

• El plugin pide al servidor de imágenes de Pinterest el archivo a tamaño original cuando existe. Su único acceso a la red es la CDN de imágenes de Pinterest (pinimg.com).
• Un pin de video llega como su imagen de portada, cuando Pinterest la proporciona, no como video.
• Una imagen que no carga se omite en lugar de detener el proceso, y el plugin informa de cuántos pines importó. La API de plugins de Figma no acepta imágenes de más de 4096 px de lado, así que un original excepcionalmente grande puede estar entre los omitidos.
• Para unas pocas referencias no necesitas la extensión: haz clic derecho en un pin, elige «Copiar dirección de imagen» y pega los enlaces, uno por línea. Un enlace a la página de un pin se rechaza con un mensaje.

Método 2: descargar el ZIP y colocar los archivos

Usa esta vía cuando las mismas imágenes vayan también a una carpeta de cliente, a una maqueta para imprimir o a un archivo histórico, o cuando quieras un rastro que lleve de vuelta a cada pin. Se combina con el método 1 en una sola descarga, porque «Copiar para Figma» y «Descargar al Dispositivo» están en la misma pantalla.

1. Abre el tablero, haz clic en el icono de la extensión y deja marcada «Todos los Pines», o desmárcala y marca solo las secciones que necesites.
2. Haz clic en «Iniciar Descarga». En la pantalla «¡ZIP Listo!», haz clic en «Descargar al Dispositivo».
3. Extrae el archivo, que se llama <tablero>_pinterest_board.zip. La raíz contiene 0_info.txt (nombre del tablero, URL del tablero, propietario, fecha y número de pines por sección) y los pines que no están en ninguna sección. Cada sección tiene su propia carpeta, y la numeración vuelve a empezar dentro de cada una.
4. En Figma, usa el comando para colocar imágenes (Mayús+Cmd+K en Mac, Mayús+Ctrl+K en Windows; con Figma en inglés se llama «Place image/video»), selecciona los archivos y haz clic para colocarlos uno a uno o elige colocarlos todos de una vez («Place all»). También funciona arrastrar los archivos desde la carpeta.

Los archivos se llaman {número}_{nombre del pin}_{ID del pin}, y el ID lleva de vuelta al pin en https://www.pinterest.com/pin/<ID del pin>/. Ninguno de los otros métodos te da eso, así que guarda la carpeta extraída junto al archivo de Figma. «Iniciar Descarga» pone en el ZIP el archivo original cuando Pinterest lo tiene; en el plan gratuito, los pines elegidos con «Seleccionar pines manualmente» se guardan como copias de tamaño medio. Figma reduce cualquier imagen de más de 4096 px de lado para que quepa.

No hay paso de composición: coloca un lote manejable y ordénalo a mano. El proceso completo está en cómo descargar un tablero de Pinterest, y los nombres de carpeta, en cómo organizar las descargas de Pinterest.

Si el tablero es solo contexto de fondo, «Exportar como imagen», en esa misma pantalla, arma un único collage con las columnas, el ancho y el formato que elijas (PNG, JPG o WebP); una sola imagen plana pesa menos que docenas de capas. Si lo que necesitas es un documento, consulta la guía de Pinterest a PDF.

Método 3: capturar la página de tu tablero con un plugin de captura web

html.to.design es una herramienta de uso general: convierte páginas web en capas editables de Figma, y un tablero de Pinterest es para ella una página más. Su propia guía de Pinterest a Figma (en inglés) describe la vía: inicia sesión en Pinterest, abre tu tablero, ejecuta la extensión de navegador de html.to.design y captura la página completa o una selección. La extensión descarga un archivo .h2d, que sueltas en el plugin de html.to.design en Figma. Después, un botón «Import high-res versions» sustituye las imágenes de baja resolución cuando hay un archivo mejor disponible.

Qué conviene sopesar, según su documentación en el momento de escribir esto:

• El plan gratuito permite hasta 10 importaciones cada 30 días, y las imágenes en alta resolución figuran entre las funciones PRO. Revisa sus planes actuales antes de depender de cualquiera de las dos cosas.
• Obtienes la página y no una lista de pines: la disposición es la que Pinterest mostraba en tu navegador, sin ajustes de columnas ni de espaciado para los pines.
• Pinterest carga un tablero largo por etapas a medida que te desplazas, así que comprueba que la captura contiene los pines que esperabas.

Es una opción razonable cuando quieres la página en sí como referencia, o cuando ya usas la herramienta para otros sitios y necesitas una captura rápida y puntual.

Después de importar

Las imágenes a tamaño original pueden ser mucho más grandes de lo que aparentan en el lienzo, y un muro con cientos de ellas puede ralentizar el archivo para todos los colaboradores. Importa la selección final, no todo el archivo de investigación, y deja las descargas en bruto fuera de Figma.

Puedes cambiar el tamaño de las imágenes importadas y añadir notas que expliquen qué muestra cada referencia, por ejemplo una paleta de color o un esquema de luz. Para ajustes de exportación y ejemplos, consulta cómo crear un moodboard con Pinterest.

Mantén a la vista las fuentes y los derechos

Pasar una imagen a Figma la separa de su descripción y de su fuente en Pinterest. Para las referencias importantes, añade la URL del pin original o del creador en una nota junto a la imagen; con el método 2, el ID del pin en el nombre del archivo te lleva hasta allí.

Trata las imágenes de Pinterest como referencias salvo que sus derechos de uso estén claros, y no dejes que una imagen provisional del moodboard se cuele en el material de producción. En el trabajo para clientes, asegúrate de tener permiso para compartir el material. Hay más en cómo usar de forma responsable las imágenes guardadas de Pinterest.

Preguntas frecuentes

¿Existe un plugin de Pinterest para Figma?

Sí. PinBoardSaver está publicado en Figma Community. No busca en Pinterest desde dentro de Figma: tiene un único campo para pegar e importa los pines que hayas copiado, ya sea un tablero desde la extensión de Chrome o direcciones de imagen sueltas.

¿Puedo pegar el enlace de un tablero de Pinterest directamente en Figma?

No. El plugin acepta los datos que «Copiar para Figma» deja en tu portapapeles, o direcciones directas de imagen. El enlace a un tablero o a la página de un pin no contiene ninguna imagen, así que no se detecta nada.

¿El plugin de Pinterest a Figma es gratuito?

Sí, y no tiene un tope de importación propio. El número de pines lo marca la descarga en la extensión de Chrome: 20 por descarga en el plan gratuito, sin tope con Premium.

¿Cómo instalo el plugin en Figma?

Abre la ficha de PinBoardSaver en Figma Community y ejecútalo o guárdalo desde ahí. Está hecho para archivos de diseño de Figma, no para FigJam.

¿Los pines de video se importan a Figma?

Solo como una imagen fija de portada. Para conservar el video en sí, descarga el ZIP: los pines de video se guardan como MP4 cuando Pinterest proporciona un archivo MP4. Consulta cómo descargar varios videos de Pinterest.