{"id":6396,"date":"2025-05-13T11:45:59","date_gmt":"2025-05-13T11:45:59","guid":{"rendered":"https:\/\/www.myshirtai.com\/archives\/6396"},"modified":"2025-05-13T11:54:27","modified_gmt":"2025-05-13T11:54:27","slug":"10%e7%a7%92figma%e7%a5%9e%e6%8a%80%ef%bc%9a%e6%89%93%e9%80%a0%e8%8b%b9%e6%9e%9c%e9%a3%8e%e6%b5%81%e5%8d%a1%e7%89%87%e7%bd%91%e9%a1%b5%ef%bc%8c%e5%bf%ab%e9%80%9f%e6%8f%90%e5%8d%87%e8%ae%be%e8%ae%a1","status":"publish","type":"post","link":"https:\/\/www.myshirtai.com\/es\/archives\/6396","title":{"rendered":"Magia Figma de 10 segundos: Creaci\u00f3n de una p\u00e1gina de tarjetas de Apple Streaming para mejorar r\u00e1pidamente la textura del dise\u00f1o"},"content":{"rendered":"

Rejillas Bento (Apple Breeze):Rejillas Bento<\/a><\/h3>\r\n\r\n\r\n\r\n

El estilo Bento Grids es un estilo de dise\u00f1o visual caracterizado por el minimalismo, la claridad y un alto grado de organizaci\u00f3n, que suele encontrarse en las modernas interfaces web y de aplicaciones m\u00f3viles. Se consigue dividiendo el contenido en m\u00f3dulos ordenados en cuadr\u00edcula, cada uno de ellos con iconos, t\u00edtulos y descripciones breves, creando un dise\u00f1o que recuerda a una caja bento con secciones para la comida. El estilo hace hincapi\u00e9 en el espacio en blanco, la alineaci\u00f3n y la coherencia, utilizando colores de fondo suaves que contrastan con elementos de primer plano n\u00edtidos para crear una experiencia de lectura limpia y c\u00f3moda. Por ejemplo, en un blog personal o una p\u00e1gina de portafolio, Bento Grids mostrar\u00eda perfiles de proyectos, res\u00famenes de art\u00edculos o etiquetas de habilidades en tarjetas de distintos tama\u00f1os, creando un efecto visual general de orden y belleza.<\/p>\r\n\r\n\r\n\r\n

\"\"<\/figure>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

Palabra clave de referencia<\/h3>\r\n\r\n\r\n\r\n
\r\n
<\/i>PHP<\/div>\r\n
Dise\u00f1e una p\u00e1gina de lanzamiento de producto\/servicio moderna, minimalista y de gama alta con un dise\u00f1o estilo Bento Grid que presenta toda la informaci\u00f3n clave de forma compacta en una sola pantalla.\r\n\r\nContenido esencial: [introduzca aqu\u00ed el contenido esencial\r\n\r\nRequisitos de dise\u00f1o:\r\n1. Dise\u00f1o de cuadr\u00edcula Bento: crear una cuadr\u00edcula de tarjetas de diferentes tama\u00f1os, cada una con una categor\u00eda espec\u00edfica de informaci\u00f3n, con un dise\u00f1o compacto pero no abarrotado.\r\n2. Dise\u00f1o de las tarjetas: todas las tarjetas deben tener las esquinas redondeadas (radio del borde de 20px), fondo blanco\/gris claro, un sutil efecto de sombra y un ligero efecto de flotaci\u00f3n hacia arriba al pasar el rat\u00f3n por encima.\r\n3. Esquema de colores: esquema de colores minimalista, principalmente fondo blanco\/gris claro con colores degradados como colores de acento (pueden especificarse colores concretos, por ejemplo, del morado claro #C084FC al morado oscuro #7E22CE).\r\n4. Jerarqu\u00eda tipogr\u00e1fica:\r\n   - N\u00fameros\/t\u00edtulos grandes y en negrita: utilice colores degradados para resaltar los datos clave y los t\u00edtulos principales.\r\n   - T\u00edtulos medianos-grandes y peque\u00f1os: para los t\u00edtulos de las fichas, indicando claramente las categor\u00edas de contenido\r\n   - Texto peque\u00f1o: utilizar el color gris para presentar el texto descriptivo de apoyo\r\n5. Organizaci\u00f3n del contenido:\r\n   - Fila superior: anuncios principales, caracter\u00edsticas del producto, indicadores de rendimiento o puntos clave de venta\r\n   - Fila central: especificaciones del producto, detalles t\u00e9cnicos, caracter\u00edsticas funcionales\r\n   - Fila inferior: gu\u00eda del usuario y conclusi\u00f3n\/llamamiento a la acci\u00f3n.\r\n6. Elementos visuales:\r\n   - Utilice iconos sencillos para representar las caracter\u00edsticas\r\n   - Barras de progreso o gr\u00e1ficos para mostrar datos comparativos.\r\n   - Las cuadr\u00edculas y las tarjetas crean ritmo visual.\r\n   - Pesta\u00f1as para mostrar informaci\u00f3n categorizada en peque\u00f1as c\u00e1psulas\r\n7. Dise\u00f1o responsivo: las p\u00e1ginas deben poder adaptarse a distintos tama\u00f1os de pantalla y mantener una buena legibilidad en dispositivos m\u00f3viles\r\n\r\n8. Estilo de dise\u00f1o de referencia:\r\n- El estilo general del dise\u00f1o es similar al de la p\u00e1gina de especificaciones de producto de la web de Apple.\r\n- Utiliza mucho espacio en blanco y elementos visuales sencillos.\r\n- Destaque las cifras y las caracter\u00edsticas clave y reduzca los textos largos.\r\n- Utilizar colores degradados para resaltar los datos importantes.\r\n- Espaciado adecuado entre tarjetas para crear una separaci\u00f3n visual clara.<\/code><\/pre>\r\n<\/div>\r\n\r\n\r\n\r\n
Casos pr\u00e1cticos<\/p>\r\n\r\n\r\n\r\n
Figma afina el borrador del dise\u00f1o<\/h3>\r\n\r\n\r\n\r\n
Tutoriales oficiales sobre c\u00f3mo utilizarlo:Ruta de aprendizaje de Figma - Introducci\u00f3n b\u00e1sica, tutorial de chino - Comunidad china de Figma<\/a><\/p>\r\n\r\n\r\n\r\n
Plugin de navegador Instalaci\u00f3n y descarga de plugins chinos:FigmaCN - Chrome Web Store<\/a><\/p>\r\n\r\n\r\n\r\n
Cliente (recomendado):\u200d \u200d   Figma chino + Tutorial de instalaci\u00f3n - Flying Book Cloud Documents<\/a><\/p>\r\n\r\n\r\n\r\n
Primero tenemos que encontrar el plugin html.to.design de Figma que vamos a utilizar esta vez. S\u00f3lo tienes que buscarlo haciendo clic en el icono rodeado por la barra de pesta\u00f1as en la parte inferior de cualquier archivo Figma.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
A continuaci\u00f3n introducimos la URL de la p\u00e1gina que queremos importar, si no la tienes puedes desplegarla con Youware y pulsamos el bot\u00f3n Importar.<\/p>\r\n\r\n\r\n\r\n
En primer lugar, queremos dar la cabecera del t\u00edtulo tambi\u00e9n se a\u00f1ade a la tarjeta, esta vez optamos por encontrar la cabecera Ancho de cabecera que el siguiente todas las tarjetas se suman a la anchura de la tarjeta es m\u00e1s amplia, por lo que en primer lugar, su anchura se unifica para cambiar a 1472px.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Despu\u00e9s de que queremos copiar el estilo de la siguiente tarjeta gris sin su contenido, s\u00f3lo tienes que elegir una tarjeta gris al azar a continuaci\u00f3n, y luego haga clic derecho - Copiar y Pegar como - Copiar Propiedades en la l\u00ednea, Pegar es lo mismo que seleccionar en la tarjeta de cabecera seleccione Pegar Propiedades, usted encontrar\u00e1 que la cabecera tambi\u00e9n tiene una tarjeta.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
A continuaci\u00f3n solucionamos el problema de que las tarjetas aqu\u00ed en Escala Modelo no ocupan todo el espacio, seleccionando la tarjeta Escala Modelo y manteniendo pulsado el bot\u00f3n Opci\u00f3n nos encontramos con que su anchura a la tarjeta de entrenamiento bimodal es de 398 y entonces hay que espaciarlas 24px.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
As\u00ed que la anchura de la tarjeta para la escala del modelo debe ser 350+398-24, puede escribir la f\u00f3rmula matem\u00e1tica directamente en el cuadro de entrada de anchura, Figma har\u00e1 los c\u00e1lculos por usted, ahora \u00bfno est\u00e1 bien?<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Por \u00faltimo hacemos el \u00faltimo paso antes de exportar, toda la tarjeta alrededor de los m\u00e1rgenes de algunos problemas, izquierda y derecha es muy amplia arriba y abajo es muy estrecha, queremos que sean los mismos, esta vez s\u00f3lo tenemos que seleccionar la capa html-Body, y luego la parte de la caja roja del espaciamiento se cambian a un uniforme de 32 en \u00e9l.<\/p>\r\n\r\n\r\n\r\n
Si desea a\u00f1adir un borde de degradado a la imagen como lo hice en la imagen de escaparate de arriba se puede utilizar postspark (https:\/\/postspark.app\/screenshot<\/a>) tales herramientas.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
\r\n
Para m\u00e1s productos, visite<\/h4>\r\n<\/th>\r\n
\r\n
M\u00e1s informaci\u00f3n en<\/h4>\r\n<\/th>\r\n<\/tr>\r\n<\/thead>\r\n
ShirtAI - Inteligencia penetrante<\/a><\/td>\r\nEl Gran Modelo AIGC: el comienzo de una era de doble revoluci\u00f3n en ingenier\u00eda y ciencia - Inteligencia Penetrante<\/a><\/td>\r\n<\/tr>\r\n
Restauraci\u00f3n 1:1 de Claude y GPT Sitio web oficial - AI Cloud Native<\/a><\/td>\r\nLive Match App Global HD Sports Viewing Player (Recomendada) - Blueshirt Technology<\/a><\/td>\r\n<\/tr>\r\n
Servicio de tr\u00e1nsito basado en la API oficial - GPTMeta API<\/a><\/td>\r\nAyuda, \u00bfalguien de ustedes puede proporcionar algunos consejos sobre c\u00f3mo hacer preguntas en GPT? - Conocimientos<\/a><\/td>\r\n<\/tr>\r\n
Tienda digital global de bienes virtuales - Global SmarTone (Feng Ling Ge)<\/a><\/td>\r\n\u00bfQu\u00e9 tan poderoso es Claude airtfacts caracter\u00edstica que GPT al instante no huele bien? -BeepBeep<\/a><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>","protected":false},"excerpt":{"rendered":"
Bento Grids (Apple Style) es un estilo de dise\u00f1o visual m\u00ednimo, claro y muy organizado que se utiliza habitualmente en las interfaces de las aplicaciones web y m\u00f3viles modernas. Este estilo crea una experiencia de lectura limpia al presentar el contenido a trav\u00e9s de m\u00f3dulos de cuadr\u00edcula que enfatizan el espacio en blanco, la alineaci\u00f3n y la coherencia. El art\u00edculo tambi\u00e9n proporciona pasos espec\u00edficos para implementar este dise\u00f1o utilizando Figma, y recomienda plug-ins y herramientas relacionadas.<\/p>","protected":false},"author":1,"featured_media":6398,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[53],"tags":[],"class_list":["post-6396","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"\n10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f - \u6e17\u900f\u667a\u80fd<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.myshirtai.com\/es\/archives\/6396\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f\" \/>\n<meta property=\"og:description\" content=\"Bento Grids\uff08\u82f9\u679c\u98ce\uff09\u662f\u4e00\u79cd\u4ee5\u6781\u7b80\u3001\u6e05\u6670\u548c\u9ad8\u5ea6\u7ec4\u7ec7\u5316\u7684\u89c6\u89c9\u8bbe\u8ba1\u98ce\u683c\uff0c\u5e38\u7528\u4e8e\u73b0\u4ee3\u7f51\u9875\u548c\u79fb\u52a8\u5e94\u7528\u754c\u9762\u3002\u8be5\u98ce\u683c\u901a\u8fc7\u7f51\u683c\u6a21\u5757\u5c55\u793a\u5185\u5bb9\uff0c\u5f3a\u8c03\u7559\u767d\u3001\u5bf9\u9f50\u4e0e\u4e00\u81f4\u6027\uff0c\u8425\u9020\u51fa\u5e72\u51c0\u7684\u9605\u8bfb\u4f53\u9a8c\u3002\u6587\u7ae0\u8fd8\u63d0\u4f9b\u4e86\u4f7f\u7528Figma\u5b9e\u73b0\u8be5\u5e03\u5c40\u7684\u5177\u4f53\u64cd\u4f5c\u6b65\u9aa4\uff0c\u5e76\u63a8\u8350\u4e86\u76f8\u5173\u63d2\u4ef6\u53ca\u5de5\u5177\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.myshirtai.com\/es\/archives\/6396\/\" \/>\n<meta property=\"og:site_name\" content=\"\u6e17\u900f\u667a\u80fd\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-13T11:45:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-13T11:54:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"547\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"IvesFeng666\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"IvesFeng666\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396\"},\"author\":{\"name\":\"IvesFeng666\",\"@id\":\"https:\/\/www.myshirtai.com\/#\/schema\/person\/793ffae65b0212a937f22250e83b51e2\"},\"headline\":\"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f\",\"datePublished\":\"2025-05-13T11:45:59+00:00\",\"dateModified\":\"2025-05-13T11:54:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396\"},\"wordCount\":60,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.myshirtai.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp\",\"articleSection\":[\"\u535a\u5ba2\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.myshirtai.com\/archives\/6396#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396\",\"url\":\"https:\/\/www.myshirtai.com\/archives\/6396\",\"name\":\"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f - \u6e17\u900f\u667a\u80fd\",\"isPartOf\":{\"@id\":\"https:\/\/www.myshirtai.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp\",\"datePublished\":\"2025-05-13T11:45:59+00:00\",\"dateModified\":\"2025-05-13T11:54:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.myshirtai.com\/archives\/6396\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage\",\"url\":\"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp\",\"contentUrl\":\"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp\",\"width\":547,\"height\":680},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.myshirtai.com\/archives\/6396#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.myshirtai.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.myshirtai.com\/#website\",\"url\":\"https:\/\/www.myshirtai.com\/\",\"name\":\"\u6e17\u900f\u667a\u80fd\",\"description\":\"ShirtAI\",\"publisher\":{\"@id\":\"https:\/\/www.myshirtai.com\/#organization\"},\"alternateName\":\"ShirtAI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.myshirtai.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.myshirtai.com\/#organization\",\"name\":\"ShirtAI\",\"alternateName\":\"ShirtAI\",\"url\":\"https:\/\/www.myshirtai.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.myshirtai.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2023\/11\/ShirtAI1279\u00d7675.png\",\"contentUrl\":\"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2023\/11\/ShirtAI1279\u00d7675.png\",\"width\":1200,\"height\":675,\"caption\":\"ShirtAI\"},\"image\":{\"@id\":\"https:\/\/www.myshirtai.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.myshirtai.com\/#\/schema\/person\/793ffae65b0212a937f22250e83b51e2\",\"name\":\"IvesFeng666\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.myshirtai.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e40122f3ea588c331477d2b5778ab521f0ef9275880700b47f592c999e721b7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e40122f3ea588c331477d2b5778ab521f0ef9275880700b47f592c999e721b7?s=96&d=mm&r=g\",\"caption\":\"IvesFeng666\"},\"sameAs\":[\"http:\/\/www.myshirtai.com\"],\"url\":\"https:\/\/www.myshirtai.com\/es\/archives\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f - \u6e17\u900f\u667a\u80fd","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:\/\/www.myshirtai.com\/es\/archives\/6396\/","og_locale":"es_ES","og_type":"article","og_title":"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f","og_description":"Bento Grids\uff08\u82f9\u679c\u98ce\uff09\u662f\u4e00\u79cd\u4ee5\u6781\u7b80\u3001\u6e05\u6670\u548c\u9ad8\u5ea6\u7ec4\u7ec7\u5316\u7684\u89c6\u89c9\u8bbe\u8ba1\u98ce\u683c\uff0c\u5e38\u7528\u4e8e\u73b0\u4ee3\u7f51\u9875\u548c\u79fb\u52a8\u5e94\u7528\u754c\u9762\u3002\u8be5\u98ce\u683c\u901a\u8fc7\u7f51\u683c\u6a21\u5757\u5c55\u793a\u5185\u5bb9\uff0c\u5f3a\u8c03\u7559\u767d\u3001\u5bf9\u9f50\u4e0e\u4e00\u81f4\u6027\uff0c\u8425\u9020\u51fa\u5e72\u51c0\u7684\u9605\u8bfb\u4f53\u9a8c\u3002\u6587\u7ae0\u8fd8\u63d0\u4f9b\u4e86\u4f7f\u7528Figma\u5b9e\u73b0\u8be5\u5e03\u5c40\u7684\u5177\u4f53\u64cd\u4f5c\u6b65\u9aa4\uff0c\u5e76\u63a8\u8350\u4e86\u76f8\u5173\u63d2\u4ef6\u53ca\u5de5\u5177\u3002","og_url":"https:\/\/www.myshirtai.com\/es\/archives\/6396\/","og_site_name":"\u6e17\u900f\u667a\u80fd","article_published_time":"2025-05-13T11:45:59+00:00","article_modified_time":"2025-05-13T11:54:27+00:00","og_image":[{"width":547,"height":680,"url":"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp","type":"image\/webp"}],"author":"IvesFeng666","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"IvesFeng666","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.myshirtai.com\/archives\/6396#article","isPartOf":{"@id":"https:\/\/www.myshirtai.com\/archives\/6396"},"author":{"name":"IvesFeng666","@id":"https:\/\/www.myshirtai.com\/#\/schema\/person\/793ffae65b0212a937f22250e83b51e2"},"headline":"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f","datePublished":"2025-05-13T11:45:59+00:00","dateModified":"2025-05-13T11:54:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.myshirtai.com\/archives\/6396"},"wordCount":60,"commentCount":0,"publisher":{"@id":"https:\/\/www.myshirtai.com\/#organization"},"image":{"@id":"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage"},"thumbnailUrl":"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp","articleSection":["\u535a\u5ba2"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.myshirtai.com\/archives\/6396#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.myshirtai.com\/archives\/6396","url":"https:\/\/www.myshirtai.com\/archives\/6396","name":"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f - \u6e17\u900f\u667a\u80fd","isPartOf":{"@id":"https:\/\/www.myshirtai.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage"},"image":{"@id":"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage"},"thumbnailUrl":"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp","datePublished":"2025-05-13T11:45:59+00:00","dateModified":"2025-05-13T11:54:27+00:00","breadcrumb":{"@id":"https:\/\/www.myshirtai.com\/archives\/6396#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.myshirtai.com\/archives\/6396"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.myshirtai.com\/archives\/6396#primaryimage","url":"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp","contentUrl":"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp","width":547,"height":680},{"@type":"BreadcrumbList","@id":"https:\/\/www.myshirtai.com\/archives\/6396#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.myshirtai.com\/"},{"@type":"ListItem","position":2,"name":"10\u79d2Figma\u795e\u6280\uff1a\u6253\u9020\u82f9\u679c\u98ce\u6d41\u5361\u7247\u7f51\u9875\uff0c\u5feb\u901f\u63d0\u5347\u8bbe\u8ba1\u8d28\u611f"}]},{"@type":"WebSite","@id":"https:\/\/www.myshirtai.com\/#website","url":"https:\/\/www.myshirtai.com\/","name":"\u6e17\u900f\u667a\u80fd","description":"ShirtAI","publisher":{"@id":"https:\/\/www.myshirtai.com\/#organization"},"alternateName":"ShirtAI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.myshirtai.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.myshirtai.com\/#organization","name":"ShirtAI","alternateName":"ShirtAI","url":"https:\/\/www.myshirtai.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.myshirtai.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2023\/11\/ShirtAI1279\u00d7675.png","contentUrl":"https:\/\/www.myshirtai.com\/wp-content\/uploads\/2023\/11\/ShirtAI1279\u00d7675.png","width":1200,"height":675,"caption":"ShirtAI"},"image":{"@id":"https:\/\/www.myshirtai.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.myshirtai.com\/#\/schema\/person\/793ffae65b0212a937f22250e83b51e2","name":"IvesFeng666","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.myshirtai.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e40122f3ea588c331477d2b5778ab521f0ef9275880700b47f592c999e721b7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e40122f3ea588c331477d2b5778ab521f0ef9275880700b47f592c999e721b7?s=96&d=mm&r=g","caption":"IvesFeng666"},"sameAs":["http:\/\/www.myshirtai.com"],"url":"https:\/\/www.myshirtai.com\/es\/archives\/author\/admin"}]}},"uagb_featured_image_src":{"full":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp",547,680,false],"thumbnail":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44-121x150.webp",121,150,true],"medium":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp",547,680,false],"medium_large":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp",547,680,false],"large":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp",547,680,false],"1536x1536":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp",547,680,false],"2048x2048":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44.webp",547,680,false],"trp-custom-language-flag":["https:\/\/www.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-44-10x12.webp",10,12,true]},"uagb_author_info":{"display_name":"IvesFeng666","author_link":"https:\/\/www.myshirtai.com\/es\/archives\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"Bento Grids\uff08\u82f9\u679c\u98ce\uff09\u662f\u4e00\u79cd\u4ee5\u6781\u7b80\u3001\u6e05\u6670\u548c\u9ad8\u5ea6\u7ec4\u7ec7\u5316\u7684\u89c6\u89c9\u8bbe\u8ba1\u98ce\u683c\uff0c\u5e38\u7528\u4e8e\u73b0\u4ee3\u7f51\u9875\u548c\u79fb\u52a8\u5e94\u7528\u754c\u9762\u3002\u8be5…","_links":{"self":[{"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/posts\/6396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/comments?post=6396"}],"version-history":[{"count":0,"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/posts\/6396\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/media\/6398"}],"wp:attachment":[{"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/media?parent=6396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/categories?post=6396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.myshirtai.com\/es\/wp-json\/wp\/v2\/tags?post=6396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}