{"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\/pt\/archives\/6396","title":{"rendered":"10 segundos de Figma Magic: Criar uma p\u00e1gina de cart\u00e3o de fluxo cont\u00ednuo da Apple para melhorar rapidamente a textura do design"},"content":{"rendered":"

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

O estilo de grelhas Bento \u00e9 um estilo de design visual caracterizado pelo minimalismo, clareza e um elevado grau de organiza\u00e7\u00e3o, comummente encontrado em interfaces modernas da Web e de aplica\u00e7\u00f5es m\u00f3veis. \u00c9 conseguido atrav\u00e9s da divis\u00e3o do conte\u00fado em m\u00f3dulos ordenados em grelha, cada um contendo \u00edcones, t\u00edtulos e descri\u00e7\u00f5es curtas, criando um esquema que se assemelha a uma caixa bento com sec\u00e7\u00f5es para a comida. O estilo d\u00e1 \u00eanfase ao espa\u00e7o em branco, ao alinhamento e \u00e0 consist\u00eancia, utilizando cores de fundo suaves em contraste com elementos de primeiro plano n\u00edtidos para criar uma experi\u00eancia de leitura limpa e confort\u00e1vel. Por exemplo, num blogue pessoal ou numa p\u00e1gina de portef\u00f3lio, as grelhas Bento apresentariam perfis de projectos, resumos de artigos ou etiquetas de compet\u00eancias em cart\u00f5es de diferentes tamanhos, criando um efeito visual geral de ordem e beleza.<\/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

Refer\u00eancia \u00e0 palavra-chave<\/h3>\r\n\r\n\r\n\r\n
\r\n
<\/i>PHP<\/div>\r\n
Conceba uma p\u00e1gina de lan\u00e7amento de um produto\/servi\u00e7o moderno, minimalista e topo de gama com uma disposi\u00e7\u00e3o em estilo de grelha Bento que apresenta todas as informa\u00e7\u00f5es essenciais de forma compacta num \u00fanico ecr\u00e3.\r\n\r\nConte\u00fado essencial: [preencha o conte\u00fado essencial aqui\r\n\r\nRequisitos de design:\r\n1. layout de grade Bento: criar uma grade de cart\u00f5es de tamanhos diferentes, cada um contendo uma categoria espec\u00edfica de informa\u00e7\u00f5es, com um layout compacto, mas n\u00e3o superlotado.\r\n2) Design dos cart\u00f5es: todos os cart\u00f5es devem ter cantos arredondados (raio de 20px), fundo branco\/cinzento claro, um efeito de sombra subtil e um ligeiro efeito de flutua\u00e7\u00e3o para cima quando se passa o rato por cima.\r\n3) Esquema de cores: esquema de cores minimalista, principalmente fundo branco\/cinzento claro com cores gradientes como cores de destaque (podem ser especificadas cores espec\u00edficas, por exemplo, do roxo claro #C084FC ao roxo escuro #7E22CE).\r\n4) Hierarquia tipogr\u00e1fica:\r\n   - N\u00fameros\/cabe\u00e7alhos grandes e a negrito: utilizar uma cor gradiente para real\u00e7ar os principais pontos de dados e os t\u00edtulos principais\r\n   - T\u00edtulos m\u00e9dios-grandes e pequenos: para t\u00edtulos de cart\u00f5es, indicando claramente as categorias de conte\u00fado\r\n   - Texto pequeno: utilizar a cor cinzenta para apresentar o texto descritivo de apoio\r\n5) Organiza\u00e7\u00e3o do conte\u00fado:\r\n   - Linha superior: principais an\u00fancios, carater\u00edsticas do produto, indicadores de desempenho ou pontos-chave de venda\r\n   - Linha interm\u00e9dia: especifica\u00e7\u00f5es do produto, pormenores t\u00e9cnicos, carater\u00edsticas funcionais\r\n   - Linha inferior: guia do utilizador e conclus\u00e3o\/chamada \u00e0 a\u00e7\u00e3o\r\n6) Elementos visuais:\r\n   - Utilizar \u00edcones simples para representar as carater\u00edsticas\r\n   - Barras ou gr\u00e1ficos de progresso para mostrar dados comparativos\r\n   - Grelhas e esquemas de cart\u00f5es criam ritmo visual\r\n   - Separadores para apresentar informa\u00e7\u00f5es categorizadas em pequenas c\u00e1psulas\r\n7. design responsivo: as p\u00e1ginas devem poder adaptar-se a diferentes tamanhos de ecr\u00e3 e manter uma boa legibilidade em dispositivos m\u00f3veis\r\n\r\nRefer\u00eancia ao estilo de conce\u00e7\u00e3o:\r\n- O estilo geral de conce\u00e7\u00e3o \u00e9 semelhante ao da p\u00e1gina de especifica\u00e7\u00f5es do produto no s\u00edtio Web da Apple.\r\n- Utilize muito espa\u00e7o em branco e elementos visuais simples.\r\n- Realce as figuras e as carater\u00edsticas principais e reduza o texto extenso.\r\n- Utilizar cores gradientes para real\u00e7ar dados importantes\r\n- Espa\u00e7amento adequado entre cart\u00f5es para criar uma separa\u00e7\u00e3o visual clara<\/code><\/pre>\r\n<\/div>\r\n\r\n\r\n\r\n
Estudos de caso<\/p>\r\n\r\n\r\n\r\n
Rascunho de desenho afinado do Figma<\/h3>\r\n\r\n\r\n\r\n
Tutoriais oficiais sobre a sua utiliza\u00e7\u00e3o:Caminho de aprendizagem Figma - Introdu\u00e7\u00e3o b\u00e1sica, Tutorial em chin\u00eas - Comunidade Figma em chin\u00eas<\/a><\/p>\r\n\r\n\r\n\r\n
Plugin do navegador Instala\u00e7\u00e3o e transfer\u00eancia de plugins chineses:FigmaCN - Chrome Web Store<\/a><\/p>\r\n\r\n\r\n\r\n
Cliente (recomendado):\u200d\u200d\u200d \u200d   Figma Chin\u00eas + Tutorial de Instala\u00e7\u00e3o - Documentos da Nuvem do Livro Voador<\/a><\/p>\r\n\r\n\r\n\r\n
Em primeiro lugar, precisamos de encontrar o plugin html.to.design do Figma que vamos utilizar desta vez. Basta procur\u00e1-lo clicando no \u00edcone rodeado pela barra Tab na parte inferior de qualquer ficheiro Figma.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Em seguida, introduzimos o URL da p\u00e1gina que queremos importar. Se n\u00e3o o tiver, pode implement\u00e1-lo com o Youware e clicar no bot\u00e3o Importar.<\/p>\r\n\r\n\r\n\r\n
Em primeiro lugar, queremos que o cabe\u00e7alho do t\u00edtulo tamb\u00e9m seja adicionado ao cart\u00e3o. Desta vez, opt\u00e1mos por encontrar a largura do cabe\u00e7alho do que a largura de todos os cart\u00f5es seguintes, por isso, em primeiro lugar, a sua largura \u00e9 unificada para 1472px.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Depois de querermos copiar o estilo do cart\u00e3o cinzento seguinte sem o seu conte\u00fado, basta escolher um cart\u00e3o cinzento aleat\u00f3rio em baixo e, em seguida, clicar com o bot\u00e3o direito do rato - Copiar e Colar como - Copiar Propriedades na linha, Colar \u00e9 o mesmo que selecionar no cart\u00e3o Cabe\u00e7alho selecionar Colar Propriedades, ver\u00e1 que o cabe\u00e7alho tamb\u00e9m tem um cart\u00e3o.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Em seguida, resolvemos o problema de os cart\u00f5es da Escala de Modelos n\u00e3o ocuparem todo o espa\u00e7o. Selecionando o cart\u00e3o da Escala de Modelos e mantendo premido o bot\u00e3o Op\u00e7\u00e3o, descobrimos que a largura do cart\u00e3o de treino bimodal \u00e9 de 398 e que, por isso, t\u00eam de ser espa\u00e7ados 24 px.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Assim, a largura do cart\u00e3o para a escala do modelo deve ser 350+398-24, pode escrever a f\u00f3rmula matem\u00e1tica diretamente na caixa de introdu\u00e7\u00e3o da largura, a Figma far\u00e1 as contas por si, n\u00e3o \u00e9 verdade?<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n
Finalmente, fazemos o \u00faltimo passo antes de exportar, todo o cart\u00e3o \u00e0 volta das margens de alguns problemas, \u00e0 esquerda e \u00e0 direita \u00e9 muito largo, em cima e em baixo \u00e9 muito estreito, queremos que sejam iguais, desta vez s\u00f3 precisamos de selecionar a camada html-Body, e depois a caixa vermelha do espa\u00e7amento \u00e9 alterada para um 32 uniforme.<\/p>\r\n\r\n\r\n\r\n
Se quiser adicionar um contorno de gradiente \u00e0 imagem, como fiz na imagem da montra acima, pode utilizar o postspark (https:\/\/postspark.app\/screenshot<\/a>) tais ferramentas.<\/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 mais produtos, consultar<\/h4>\r\n<\/th>\r\n
\r\n
Ver mais em<\/h4>\r\n<\/th>\r\n<\/tr>\r\n<\/thead>\r\n
ShirtAI - Intelig\u00eancia penetrante<\/a><\/td>\r\nO Grande Modelo do AIGC: inaugurando uma era de dupla revolu\u00e7\u00e3o na engenharia e na ci\u00eancia - Penetrating Intelligence<\/a><\/td>\r\n<\/tr>\r\n
1:1 Restaura\u00e7\u00e3o de Claude e GPT Site oficial - AI Cloud Native<\/a><\/td>\r\nAplica\u00e7\u00e3o de jogos em direto Leitor de visualiza\u00e7\u00e3o de desporto HD global (recomendado) - Blueshirt Technology<\/a><\/td>\r\n<\/tr>\r\n
Servi\u00e7o de tr\u00e2nsito baseado na API oficial - API GPTMeta<\/a><\/td>\r\nAjuda, algu\u00e9m pode dar algumas dicas sobre como fazer perguntas no GPT? - Conhecimento<\/a><\/td>\r\n<\/tr>\r\n
Loja digital de bens virtuais globais - Global SmarTone (Feng Ling Ge)<\/a><\/td>\r\nQu\u00e3o poderosa \u00e9 a funcionalidade Claude airtfacts que o GPT instantaneamente n\u00e3o cheira bem? -BeepBeep<\/a><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>","protected":false},"excerpt":{"rendered":"
As grelhas Bento (estilo Apple) s\u00e3o um estilo de design visual minimalista, claro e altamente organizado, normalmente utilizado em interfaces modernas da Web e de aplica\u00e7\u00f5es m\u00f3veis. O estilo cria uma experi\u00eancia de leitura limpa ao apresentar o conte\u00fado atrav\u00e9s de m\u00f3dulos de grelha que real\u00e7am o espa\u00e7o em branco, o alinhamento e a consist\u00eancia. O artigo tamb\u00e9m fornece passos espec\u00edficos para implementar este esquema utilizando o Figma e recomenda plug-ins e ferramentas relacionados.<\/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\/pt\/archives\/6396\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\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\/pt\/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=\"Tempo estimado de leitura\" \/>\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\":\"pt-PT\",\"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\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.myshirtai.com\/archives\/6396\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.myshirtai.com\/#organization\",\"name\":\"ShirtAI\",\"alternateName\":\"ShirtAI\",\"url\":\"https:\/\/www.myshirtai.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\":\"pt-PT\",\"@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\/pt\/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\/pt\/archives\/6396\/","og_locale":"pt_PT","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\/pt\/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","Tempo estimado de leitura":"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":"pt-PT","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":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.myshirtai.com\/archives\/6396"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@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":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.myshirtai.com\/#organization","name":"ShirtAI","alternateName":"ShirtAI","url":"https:\/\/www.myshirtai.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@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":"pt-PT","@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\/pt\/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\/pt\/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\/pt\/wp-json\/wp\/v2\/posts\/6396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/comments?post=6396"}],"version-history":[{"count":0,"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/posts\/6396\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/media\/6398"}],"wp:attachment":[{"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/media?parent=6396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/categories?post=6396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.myshirtai.com\/pt\/wp-json\/wp\/v2\/tags?post=6396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}