Vídeo tutorial: sincronizar el contenido de una hoja de Airtable con Figma
Este vídeo muestra cómo sincronizar el contenido de una hoja de Airtable con Figma usando el plugin CopyDoc.
Vídeo tutorial: repetir y sincronizar automáticamente capas de Figma desde una hoja de cálculo
Este vídeo muestra cómo repetir y sincronizar automáticamente capas de Figma desde una hoja de cálculo usando el plugin CopyDoc.
Sincronizar el contenido de Airtable con las capas de Figma
Para añadir tu contenido de Airtable a la función Sync Content de CopyDoc, selecciona la opción Sync from Airtable URL en el desplegable de plataformas. Después tienes que rellenar 3 campos:
La URL de tu hoja de Airtable
Para crear una hoja, inicia sesión en Airtable, haz clic en Create a base, selecciona el Workspace en el que quieres añadirla y haz clic en Create.
La URL de la hoja de Airtable debería tener este aspecto: https://airtable.com/appzkSCDvQhxjfrl3/tbl9Ug0eTNoZFX5ne/viwULclwtTCrQq4dR?blocks=hide
Tu token de acceso personal de Airtable
Puedes crear un token desde la página Personal Access Token de Airtable.
Tu token de acceso personal de Airtable debería tener este aspecto: patCDDXkwmgP4CyJK.19aa66430076753f90aaf1b27ae0a4ddf14f445dce8add9bd539bcbefcbe35df
Establece los Scopes del token en data.records:read y schema.bases:read, y dale acceso a la base que quieres sincronizar. El scope de esquema permite a CopyDoc reconocer las columnas que están vacías en todos los registros, para que se puedan vaciar las capas de texto correspondientes. Un token que solo tenga data.records:read puede sincronizar igualmente las columnas que se devuelven, pero las columnas totalmente vacías pueden dejar sin cambios el texto de la plantilla.
Etiqueta personalizada de Airtable
Tienes que indicar una etiqueta personalizada (por ejemplo, My Airtable Snippets) que te ayude a identificar la URL de tu Airtable cuando la uses.
Cuando hayas rellenado esos campos, haz clic en Save New Airtable + para cargar la vista previa del contenido y guardar la vista en tu archivo de Figma. Puedes guardar varias vistas de la misma tabla con etiquetas distintas. Si vuelves a añadir la misma vista, se selecciona la entrada guardada que ya existe.
Campos vacíos
Con schema.bases:read activado, las celdas vacías vacían las capas de texto correspondientes aunque toda la columna esté vacía en la vista seleccionada. Las capas que no coinciden con ninguna columna de la tabla conservan su contenido. CopyDoc carga todas las páginas de registros de la vista seleccionada.
Si CopyDoc no puede leer la lista de campos, muestra un mensaje y sigue usando los campos que se devuelven con los registros. Si se te pide, añade el scope de esquema a tu token y vuelve a cargar la vista previa del contenido. Si la lista de campos no está disponible temporalmente, vuelve a cargarla para reintentarlo.
Una etiqueta como MODERATED BY seguirá apareciendo si su celda de Airtable contiene ese texto. Vacía también esa celda si quieres quitar la etiqueta.
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)).