Vídeo tutorial: sincronizar contenido de una hoja de cálculo XLSX de Excel con Figma
Este vídeo explica cómo sincronizar contenido de una hoja de cálculo de Excel con tus diseños de Figma usando el plugin CopyDoc.
Vídeo tutorial: sincronizar contenido de una hoja de cálculo CSV con Figma
Este vídeo explica cómo sincronizar contenido de una hoja de cálculo CSV con tus diseños de Figma usando el plugin CopyDoc.
Vídeo tutorial: repetir y sincronizar capas de Figma automáticamente desde una hoja de cálculo
Este vídeo explica cómo repetir y sincronizar automáticamente capas de Figma desde una hoja de cálculo usando el plugin CopyDoc.
Vídeo tutorial: sincronizar una carpeta de imágenes con capas de Figma mediante una hoja de cálculo
Este vídeo explica cómo sincronizar una carpeta de imágenes con capas de Figma usando una hoja de cálculo con el plugin CopyDoc.
Vídeo tutorial: sincronizar iconos SVG desde una hoja de cálculo con tus capas de Figma
Este vídeo explica cómo sincronizar iconos SVG desde una hoja de cálculo con tus capas de Figma con el plugin CopyDoc.
Sincronizar el contenido de tu archivo CSV o XLSX con capas de Figma
Para previsualizar el contenido de tu hoja de cálculo, arrastra y suelta tu archivo .csv o .xlsx (con la estructura correcta) en la zona Sync XLSX/CSV File, o haz clic en ella y busca el archivo en tu ordenador para seleccionarlo manualmente.
Selecciona en Figma al menos una capa que contenga capas renombradas para que coincidan con los encabezados de tu hoja de cálculo y, después, haz clic en el botón Sync Rows with Layers (Sync & Repeat Selected Layer cuando Auto Repeat está activado). Así se sincroniza el contenido de tu hoja de cálculo con las capas de Figma renombradas que hayas seleccionado.
Las capas de texto de Figma con fuentes que faltan no se pueden actualizar. Si tu capa de texto de Figma contiene una fuente que falta, el plugin no podrá actualizarla. Asegúrate de resolver las fuentes que faltan en cualquier capa de texto que quieras actualizar con el plugin CopyDoc.
Repetir automáticamente una capa de Figma con las filas de tu hoja de cálculo
Con las pestañas de sincronización Content o Styles, puedes repetir automáticamente una capa de Figma activando el interruptor Auto Repeat. Este copia la capa de Figma seleccionada originalmente y la duplica tantas veces como filas tengan los datos de tu hoja de cálculo.
Úsalo para convertir una tarjeta, un artículo de catálogo o el diseño de una campaña en un diseño rellenado por cada fila de la hoja de cálculo. Las capas de texto y de imagen del diseño usan las columnas correspondientes de la hoja de cálculo.
Si seleccionas un componente principal, CopyDoc crea una instancia por cada fila. Si seleccionas una instancia existente, se duplica esa instancia; si seleccionas un frame, se duplica el frame.
Si la capa de Figma seleccionada ya está directamente dentro de otra capa de Figma con Auto Layout activado, la capa seleccionada se duplicará automáticamente dentro de esa capa principal. Si no, CopyDoc creará un nuevo frame con Auto Layout y duplicará ahí tus nuevas capas de Figma.
Nombres dinámicos para las capas principales repetidas
Para dar nombre a cada capa de Figma duplicada desde tu hoja de cálculo, haz que el nombre de la capa de plantilla seleccionada coincida con un encabezado de columna. CopyDoc usa el valor de esa columna en cada fila como nuevo nombre de la capa.
Un único # inicial es opcional: una capa llamada #Title puede coincidir con una columna Title, y una capa llamada Title puede coincidir con una columna #Title. Si existen los dos encabezados, tiene prioridad la coincidencia exacta, incluso cuando su valor está vacío. Las mayúsculas y los espacios tienen que coincidir.
Si no hay ningún nombre de capa coincidente en tu hoja de cálculo, el plugin CopyDoc tomará el nombre original de la capa de Figma y le añadirá un número de fila (por ejemplo, My Frame Layer (Row 3)).