{"id":23901,"date":"2025-07-18T13:00:00","date_gmt":"2025-07-18T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=23901"},"modified":"2025-08-25T11:34:45","modified_gmt":"2025-08-25T09:34:45","slug":"figma-grid","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/figma-grid\/","title":{"rendered":"Figma Grid: Nueva CSS Grid en Figma"},"content":{"rendered":"\n<p>Figma no para. Cada a\u00f1o da un paso m\u00e1s, y en este 2025 ha pegado un salto que no pasa desapercibido. Con cada nueva funci\u00f3n, la plataforma no solo mejora la experiencia de dise\u00f1o, sino que tambi\u00e9n hace que la colaboraci\u00f3n entre dise\u00f1ador\/a y desarrollador\/a sea m\u00e1s f\u00e1cil, r\u00e1pida y eficiente.<\/p>\n\n\n\n<p>Ya no se trata de dibujar interfaces bonitas: ahora Figma entiende c\u00f3mo se construyen. Y eso se nota en novedades como su nueva <strong>cuadr\u00edcula<\/strong> basada en CSS Grid y las mejoras en <strong><em>Dev Mode<\/em><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es Grid Layout?<\/h2>\n\n\n\n<p>Hasta ahora, Figma se basaba en <strong>Auto Layout<\/strong>, que permite distribuir elementos en una \u00fanica direcci\u00f3n (horizontal o vertical), como lo hace <strong>Flexbox<\/strong> en CSS. Pero ahora, con el nuevo sistema de <strong>Grid Layout<\/strong>, Figma introduce la posibilidad de <strong>organizar elementos en dos dimensiones a la vez<\/strong>: filas y columnas. Con Figma Grid puedes crear <strong>estructuras complejas y ordenadas<\/strong>, como tablas, dashboards o mosaicos visuales, de una forma mucho m\u00e1s potente y precisa.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" data-id=\"23903\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_01-1-1024x531.jpg\" alt=\"Figma Grid ret\u00edcula\" class=\"wp-image-23903\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_01-1-1024x531.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_01-1-300x155.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_01-1-768x398.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_01-1-1536x796.jpg 1536w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_01-1-2048x1061.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Configurar la cuadr\u00edcula:&nbsp;<\/strong><\/h2>\n\n\n\n<p>Para activarla, solo tienes que seleccionar un marco y habilitar la opci\u00f3n de cuadr\u00edcula desde la barra lateral derecha. Desde ah\u00ed puedes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Indicar cu\u00e1ntas <strong>columnas<\/strong> quieres.<\/li>\n\n\n\n<li>Especificar el n\u00famero de <strong>filas<\/strong>.<\/li>\n\n\n\n<li>Especificar el espaciado entre ellas.<\/li>\n<\/ul>\n\n\n\n<p>Puedes escribir los valores manualmente o usar el selector interactivo para hacerlo de forma visual. Es muy intuitivo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 puedes hacer con la cuadr\u00edcula activada?<\/strong><\/h2>\n\n\n\n<p>Una vez tengas la cuadr\u00edcula activa, el lienzo se comporta como un tablero en el que colocar, mover o duplicar elementos se vuelve mucho m\u00e1s c\u00f3modo. Aqu\u00ed van algunas de las acciones m\u00e1s \u00fatiles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Crear elementos directamente en una celda<\/strong>: <br>Puedes a\u00f1adir <strong>formas, marcos o textos<\/strong> directamente en una celda. Solo selecciona la herramienta y haz clic sobre la celda donde quieres colocarlo.<\/li>\n\n\n\n<li><strong>Mover objetos a la cuadr\u00edcula<\/strong>:<br>\u00bfTienes capas sueltas? Arr\u00e1stralas (una o varias) y su\u00e9ltalas sobre cualquier celda vac\u00eda, o incluso entre dos celdas. Figma se encargar\u00e1 de encajarlas correctamente.<\/li>\n\n\n\n<li><strong>Reubicar elementos dentro de una cuadr\u00edcula<\/strong>: <br>Si los elementos ya est\u00e1n dentro de un marco o contenedor, tambi\u00e9n puedes reorganizarlos. Solo arr\u00e1stralos de una celda a otra para cambiar su posici\u00f3n.<\/li>\n\n\n\n<li><strong>Duplicar objetos r\u00e1pidamente<\/strong>: <br>Si quieres duplicar un objeto dentro de la cuadr\u00edcula solo tienes que seleccionarlo y pulsar el atajo de teclado.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_codigo-1024x576.jpg\" alt=\"Figma Grid ret\u00edcula con el inspector\" class=\"wp-image-23904\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_codigo-1024x576.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_codigo-300x169.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_codigo-768x432.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_codigo-1536x865.jpg 1536w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/figma_grid_codigo-2048x1153.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br>La gran ventaja de <strong>Figma Grid<\/strong> es lo \u00fatil que resulta para desarrolladores. Al trabajar en dos dimensiones (filas y columnas), se acerca mucho m\u00e1s a c\u00f3mo se estructuran las interfaces con <strong>CSS Grid<\/strong>. Y lo mejor: en el <strong>Dev Mode<\/strong>, los desarrolladores pueden ver claramente c\u00f3mo est\u00e1 construida la cuadr\u00edcula, con su l\u00f3gica visual y jerarqu\u00eda bien definida.<\/p>\n\n\n\n<p>Mientras disfrutamos de esta nueva funci\u00f3n seguimos a la espera de m\u00e1s novedades.<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/figma-sites-vs-webs-actuales\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-figma-sites-1024x604.jpg\" alt=\"Figma Sites: \u00bfReemplaza a las web actuales?\" class=\"wp-image-24197\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-figma-sites-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-figma-sites-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-figma-sites-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-figma-sites.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/que-es-figma-y-para-que-se-utiliza\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/09\/portada-1024x604.jpg\" alt=\"Qu\u00e9 es Figma y para qu\u00e9 se utiliza\" class=\"wp-image-16535\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/09\/portada-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/09\/portada-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/09\/portada-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/09\/portada.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ya no se trata de dibujar interfaces bonitas: ahora Figma entiende c\u00f3mo se construyen. Y eso se nota en novedades como su nueva cuadr\u00edcula basada en CSS Grid y las mejoras en Dev Mode.<\/p>\n","protected":false},"author":25,"featured_media":23906,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[53,94,1],"tags":[],"class_list":["post-23901","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico","category-diseno-web","category-noticias"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Figma Grid: Nueva CSS Grid en Figma - Blog de maketing | Caronte<\/title>\n<meta name=\"description\" content=\"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/figma-grid\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Figma Grid. Nueva CSS Grid en Figma.\" \/>\n<meta property=\"og:description\" content=\"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/figma-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-18T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-25T09:34:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aizea Cord\u00f3n\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Figma Grid. Nueva CSS Grid en Figma.\" \/>\n<meta name=\"twitter:description\" content=\"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aizea Cord\u00f3n\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/\"},\"author\":{\"name\":\"Aizea Cord\u00f3n\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/d38dd26e205cbcff08a9d6c2db649cad\"},\"headline\":\"Figma Grid: Nueva CSS Grid en Figma\",\"datePublished\":\"2025-07-18T11:00:00+00:00\",\"dateModified\":\"2025-08-25T09:34:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/\"},\"wordCount\":496,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/caronte-portada-blog-figmagrid-1.jpg\",\"articleSection\":[\"Dise\u00f1o gr\u00e1fico\",\"Dise\u00f1o web\",\"Noticias\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/\",\"name\":\"Figma Grid: Nueva CSS Grid en Figma - Blog de maketing | Caronte\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/caronte-portada-blog-figmagrid-1.jpg\",\"datePublished\":\"2025-07-18T11:00:00+00:00\",\"dateModified\":\"2025-08-25T09:34:45+00:00\",\"description\":\"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/caronte-portada-blog-figmagrid-1.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/caronte-portada-blog-figmagrid-1.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Nueva css grid figma\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/figma-grid\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Figma Grid: Nueva CSS Grid en Figma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/d38dd26e205cbcff08a9d6c2db649cad\",\"name\":\"Aizea Cord\u00f3n\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a172c0e52d80d0bae7dced3aafa3ffa7b68c0c133b0cdbf5269355d2b4e1b54d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a172c0e52d80d0bae7dced3aafa3ffa7b68c0c133b0cdbf5269355d2b4e1b54d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a172c0e52d80d0bae7dced3aafa3ffa7b68c0c133b0cdbf5269355d2b4e1b54d?s=96&d=mm&r=g\",\"caption\":\"Aizea Cord\u00f3n\"},\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/aizea\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Figma Grid: Nueva CSS Grid en Figma - Blog de maketing | Caronte","description":"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/figma-grid\/","og_locale":"es_ES","og_type":"article","og_title":"Figma Grid. Nueva CSS Grid en Figma.","og_description":"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.","og_url":"https:\/\/carontestudio.com\/blog\/figma-grid\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2025-07-18T11:00:00+00:00","article_modified_time":"2025-08-25T09:34:45+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg","type":"image\/jpeg"}],"author":"Aizea Cord\u00f3n","twitter_card":"summary_large_image","twitter_title":"Figma Grid. Nueva CSS Grid en Figma.","twitter_description":"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.","twitter_image":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg","twitter_misc":{"Escrito por":"Aizea Cord\u00f3n","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/"},"author":{"name":"Aizea Cord\u00f3n","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/d38dd26e205cbcff08a9d6c2db649cad"},"headline":"Figma Grid: Nueva CSS Grid en Figma","datePublished":"2025-07-18T11:00:00+00:00","dateModified":"2025-08-25T09:34:45+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/"},"wordCount":496,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg","articleSection":["Dise\u00f1o gr\u00e1fico","Dise\u00f1o web","Noticias"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/figma-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/","url":"https:\/\/carontestudio.com\/blog\/figma-grid\/","name":"Figma Grid: Nueva CSS Grid en Figma - Blog de maketing | Caronte","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg","datePublished":"2025-07-18T11:00:00+00:00","dateModified":"2025-08-25T09:34:45+00:00","description":"Descubre la nueva CSS Grid de Figma: dise\u00f1a en dos dimensiones, mejora la colaboraci\u00f3n con desarrolladores y aprovecha sus novedades.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/figma-grid\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/caronte-portada-blog-figmagrid-1.jpg","width":1250,"height":737,"caption":"Nueva css grid figma"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/figma-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Figma Grid: Nueva CSS Grid en Figma"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/d38dd26e205cbcff08a9d6c2db649cad","name":"Aizea Cord\u00f3n","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/a172c0e52d80d0bae7dced3aafa3ffa7b68c0c133b0cdbf5269355d2b4e1b54d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a172c0e52d80d0bae7dced3aafa3ffa7b68c0c133b0cdbf5269355d2b4e1b54d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a172c0e52d80d0bae7dced3aafa3ffa7b68c0c133b0cdbf5269355d2b4e1b54d?s=96&d=mm&r=g","caption":"Aizea Cord\u00f3n"},"url":"https:\/\/carontestudio.com\/blog\/author\/aizea\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/23901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=23901"}],"version-history":[{"count":3,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/23901\/revisions"}],"predecessor-version":[{"id":24307,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/23901\/revisions\/24307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/23906"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=23901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=23901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=23901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}