Tanto si usas un XLSX, un CSV o una hoja de Google Sheets, la estructura siempre es la misma: la primera fila (o "encabezado") de tu hoja de cálculo se usa como primera fila de encabezado de la tabla (como fila "componente"), y las filas de debajo se convierten en instancias de ese primer encabezado.
Para previsualizar el contenido de tu hoja de cálculo, pega la URL pública de tu hoja de Google Sheets en el campo Your Public Google Sheet URL. Si la URL es válida, es pública y tiene la estructura correcta, se cargará automáticamente una vista previa de los encabezados que contiene después de pegarla.
Cuando se haya cargado la vista previa, haz clic en el botón Generate Table from Rows. Así se importa el contenido de tu hoja de cálculo en una tabla de tu página actual de Figma.
Ejemplo de estructura de hoja de cálculo para importar tablas
Tanto si usas un XLSX, un CSV o una hoja de Google Sheets, la estructura siempre es la misma: la primera fila (o "encabezado") de tu hoja de cálculo debe contener los nombres de las capas de Figma con las que quieres sincronizar el resto de las filas que hay debajo.
Puedes ponerles el nombre que quieras, pero lo más fácil es usar un formato de hashtag corto y descriptivo, como #Title o #Description. En Figma, tus capas de texto también deben llamarse #Title o #Description. Así se asociarán entre sí cuando sincronices la hoja de cálculo en el plugin más adelante.
| #Title | #Genre | #Age Rating | #Total Reviews |
|---|---|---|---|
| No Time To Die | Action | 13 | 123 Reviews |
| Dune | Sci-Fi Action | 14 | 124 Reviews |
| Black Widow | Action | 18 | 125 Reviews |
| Suicide Squad | Action | 18 | 125 Reviews |
Formato Markdown compatible para el texto de las tablas
Si quieres, puedes añadir formato Markdown básico (negrita, cursiva) y enlaces al contenido de tu hoja de cálculo, y se aplicarán automáticamente al sincronizar el fragmento con tu capa de texto de Figma.
Tu capa de texto de Figma puede empezar como texto normal: no hace falta darle formato de negrita o cursiva de antemano. Usa una familia tipográfica que tenga disponible en Figma la variante en negrita, cursiva o negrita cursiva correspondiente. La vista previa de la hoja de cálculo usa las fuentes del navegador, así que su aspecto por sí solo no confirma que tu fuente de Figma tenga esas variantes.
- Para poner texto en negrita, usa dos asteriscos
**Snippet text to bold**o dos guiones bajos__Snippet text to bold__ - Para poner texto en cursiva, usa un asterisco
*Italic Snippet Text*o un guion bajo_Italic Snippet Text_ - Para poner texto en negrita cursiva, usa tres asteriscos
***Bold Italic Snippet Text***o tres guiones bajos___Bold Italic Snippet Text___ - Para añadir hipervínculos, usa la sintaxis Markdown
This is [my link here](https://example.com) in a text snippet(también puedes dar formato al texto del enlace añadiendo la sintaxis de negrita o cursiva dentro de los[]del enlace).