{"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\/de\/archives\/6396","title":{"rendered":"10-Sekunden-Figma-Magie: Erstellen einer Apple Streaming Card-Seite zur schnellen Verbesserung der Designtextur"},"content":{"rendered":"<h3 id=\"h-bento-grids-\u82f9\u679c\u98ce-bento-grids\" class=\"wp-block-heading\">Bento-Gitter (Apple Breeze):<a href=\"https:\/\/bentogrids.com\/\">Bento-Gitter<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Der Stil Bento Grids ist ein visueller Designstil, der sich durch Minimalismus, Klarheit und ein hohes Ma\u00df an Organisation auszeichnet und h\u00e4ufig in modernen Web- und mobilen App-Oberfl\u00e4chen zu finden ist. Dies wird erreicht, indem der Inhalt in sauber gerasterte Module unterteilt wird, die jeweils Symbole, \u00dcberschriften und kurze Beschreibungen enthalten, wodurch ein Layout entsteht, das einer Bento-Box mit Abschnitten f\u00fcr Lebensmittel \u00e4hnelt. Der Stil betont den Wei\u00dfraum, die Ausrichtung und die Konsistenz und verwendet weiche Hintergrundfarben, die mit scharfen Vordergrundelementen kontrastiert werden, um ein sauberes, angenehmes Leseerlebnis zu schaffen. Auf einem pers\u00f6nlichen Blog oder einer Portfolioseite w\u00fcrden Bento Grids zum Beispiel Projektprofile, Artikelzusammenfassungen oder Kompetenzbeschreibungen auf Karten unterschiedlicher Gr\u00f6\u00dfe anzeigen und so einen visuellen Gesamteffekt von Ordnung und Sch\u00f6nheit erzeugen.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-1197\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-45.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-505\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-15.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<h3 id=\"h-\u63d0\u793a\u8bcd\u53c2\u8003\" class=\"wp-block-heading\">Hinweis auf das Stichwort<\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-code\">\r\n<div class=\"xhcode-toolbar\"><i class=\"xhcode-icon-codesvg\"><\/i>PHP<\/div>\r\n<pre><code class=\"language-php\" lang=\"php\">Entwerfen Sie eine moderne, minimalistische, hochwertige Produkt-\/Dienstleistungseinf\u00fchrungsseite mit einem Layout im Bento-Grid-Stil, das alle wichtigen Informationen kompakt auf einem Bildschirm pr\u00e4sentiert.\r\n\r\nWesentliche Inhalte: [hier die wesentlichen Inhalte einf\u00fcgen\r\n\r\nDesign-Anforderungen:\r\n1) Bento-Grid-Layout: Erstellen Sie ein Raster von Karten unterschiedlicher Gr\u00f6\u00dfe, die jeweils eine bestimmte Informationskategorie enthalten, mit einem kompakten, aber nicht \u00fcberf\u00fcllten Layout.\r\n2) Kartendesign: Alle Karten sollten klare, abgerundete Ecken (20px Randradius), einen wei\u00dfen\/hellgrauen Hintergrund, einen subtilen Schatteneffekt und einen leicht nach oben gerichteten Schwebeeffekt beim Hovern haben.\r\n3) Farbschema: Minimalistisches Farbschema, haupts\u00e4chlich wei\u00dfer\/hellgrauer Hintergrund mit Farbverl\u00e4ufen als Akzentfarben (bestimmte Farben k\u00f6nnen angegeben werden, z. B. von hellviolett #C084FC bis dunkelviolett #7E22CE).\r\n4. typografische Hierarchie:\r\n   - Gro\u00dfe, fettgedruckte Zahlen\/\u00dcberschriften: Verwenden Sie einen Farbverlauf, um die wichtigsten Datenpunkte und \u00dcberschriften hervorzuheben.\r\n   - Mittelgro\u00dfe und kleine \u00dcberschriften: f\u00fcr Karten\u00fcberschriften, die die Inhaltskategorien klar angeben\r\n   - Kleiner Text: Verwenden Sie Grau, um beschreibenden Text zu pr\u00e4sentieren.\r\n5. inhaltliche Gliederung:\r\n   - Obere Zeile: Hauptank\u00fcndigungen, Produktmerkmale, Leistungsindikatoren oder wichtige Verkaufsargumente\r\n   - Mittlere Zeile: Produktspezifikationen, technische Details, Funktionsmerkmale\r\n   - Untere Zeile: Benutzerhandbuch und Schlussfolgerung\/Aufforderung zum Handeln\r\n6. visuelle Elemente:\r\n   - Verwenden Sie einfache Symbole zur Darstellung von Merkmalen\r\n   - Fortschrittsbalken oder Diagramme zur Darstellung vergleichbarer Daten\r\n   - Raster und Kartenlayouts schaffen einen visuellen Rhythmus\r\n   - Registerkarten zur Anzeige kategorisierter Informationen in kleinen Kapseln\r\n7. responsives Design: Die Seiten sollten sich an unterschiedliche Bildschirmgr\u00f6\u00dfen anpassen k\u00f6nnen und auch auf mobilen Ger\u00e4ten gut lesbar sein\r\n\r\nReferenz zum Designstil:\r\n- Der allgemeine Designstil \u00e4hnelt der Produktspezifikationsseite auf der Website von Apple.\r\n- Verwenden Sie viel Wei\u00dfraum und einfache visuelle Elemente.\r\n- Heben Sie Zahlen und wichtige Merkmale hervor und reduzieren Sie lange Texte.\r\n- Verwenden Sie Farbverl\u00e4ufe, um wichtige Daten hervorzuheben.\r\n- Angemessene Abst\u00e4nde zwischen den Karten, um eine klare visuelle Trennung zu schaffen<\/code><\/pre>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Fallstudien<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-video\"><video src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/n8bgCjlOZB5qIJdC.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Figma verfeinert Designentwurf<\/h3>\r\n\r\n\r\n\r\n<p>Offizielle Anleitungen zur Verwendung des Programms:<a href=\"https:\/\/www.figma.cool\/learning-paths\">Figma Learning Path - Grundlegende Einf\u00fchrung, Chinesisch Tutorial - Figma Chinese Community<\/a><\/p>\r\n\r\n\r\n\r\n<p>Browser-Plugin Chinesische Plugin-Installation und Download:<a href=\"https:\/\/chromewebstore.google.com\/detail\/figmacn\/japkpjkpfdakpkbcehooampdjfgefndj\">FigmaCN - Chrome Web Store<\/a><\/p>\r\n\r\n\r\n\r\n<p>Kunde (empfohlen):<a href=\"https:\/\/l4qdghkgcg.feishu.cn\/docx\/Z4DpdFk88oi4izxsWyBcN60rnBc\">\u200d \u200d   Figma Chinesisch + Installationsanleitung - Flying Book Cloud Dokumente<\/a><\/p>\r\n\r\n\r\n\r\n<p>Zuerst m\u00fcssen wir das Figma-Plugin html.to.design finden, das wir dieses Mal verwenden werden. Suchen Sie einfach danach, indem Sie auf das Symbol mit der Tab-Leiste am unteren Rand einer beliebigen Figma-Datei klicken.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-1200\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-46.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Dann geben wir die URL der Seite ein, die wir importieren m\u00f6chten. Wenn Sie diese nicht haben, k\u00f6nnen Sie sie mit Youware bereitstellen und auf die Schaltfl\u00e4che Importieren klicken.<\/p>\r\n\r\n\r\n\r\n<p>Zun\u00e4chst wollen wir die Kopfzeile des Titels ist auch auf der Karte hinzugef\u00fcgt, dieses Mal haben wir gew\u00e4hlt, um die Breite der Kopfzeile Header als die folgenden alle Karten summieren sich auf die Breite der Karte ist breiter, so dass zun\u00e4chst ihre Breite auf 1472px vereinheitlicht wird.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-1202\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-48.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Nachdem wir den Stil der folgenden grauen Karte ohne seinen Inhalt kopieren wollen, w\u00e4hlen Sie einfach eine zuf\u00e4llige graue Karte unten, und dann mit der rechten Maustaste - Kopieren und Einf\u00fcgen als - Kopieren Eigenschaften auf der Linie, Einf\u00fcgen ist das gleiche wie die Auswahl auf der Header-Karte w\u00e4hlen Sie Eigenschaften einf\u00fcgen, werden Sie feststellen, dass die Kopfzeile hat auch eine Karte.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-1203\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-49.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Als N\u00e4chstes beheben wir das Problem, dass die Karten hier in Model Scale nicht den ganzen Platz einnehmen. Indem wir die Karte Model Scale ausw\u00e4hlen und die Optionstaste gedr\u00fcckt halten, stellen wir fest, dass die Breite der bimodalen Schulungskarte 398 betr\u00e4gt, und dann m\u00fcssen sie in einem Abstand von 24px angeordnet werden.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-1204\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-50.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Die Breite der Karte f\u00fcr den Modellma\u00dfstab sollte also 350+398-24 betragen. Sie k\u00f6nnen die mathematische Formel direkt in das Eingabefeld f\u00fcr die Breite schreiben, Figma rechnet dann f\u00fcr Sie, ist das nicht OK?<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-1205\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-51.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Schlie\u00dflich tun wir den letzten Schritt vor dem Export, die ganze Karte um die R\u00e4nder einiger Probleme, links und rechts ist sehr breit nach oben und unten ist sehr schmal, wir wollen, dass sie die gleiche sein, dieses Mal brauchen wir nur w\u00e4hlen Sie die html-Body-Ebene, und dann das rote Feld Teil der Abst\u00e4nde sind auf eine einheitliche 32 auf sie ge\u00e4ndert.<\/p>\r\n\r\n\r\n\r\n<p>Wenn Sie dem Bild einen Farbverlauf hinzuf\u00fcgen m\u00f6chten, wie ich es im obigen Vorzeigebild getan habe, k\u00f6nnen Sie postspark verwenden (<a href=\"https:\/\/postspark.app\/screenshot\">https:\/\/postspark.app\/screenshot<\/a>) solche Werkzeuge.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-1206\" src=\"https:\/\/school.myshirtai.com\/wp-content\/uploads\/2025\/05\/image-52.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd;\">\r\n<thead>\r\n<tr style=\"height: 48px; background-color: #f5f5f5;\">\r\n<th style=\"width: 50%; height: 48px; border: 1px solid #ddd; padding: 8px;\">\r\n<h4 style=\"margin: 0;\">Weitere Produkte finden Sie unter<\/h4>\r\n<\/th>\r\n<th style=\"width: 50%; height: 48px; border: 1px solid #ddd; padding: 8px;\">\r\n<h4 style=\"margin: 0;\">Siehe mehr unter<\/h4>\r\n<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr style=\"height: 63px;\">\r\n<td style=\"width: 50%; height: 63px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/www.myshirtai.com\/de\/\" data-linktype=\"2\">ShirtAI - Durchdringende Intelligenz<\/a><\/td>\r\n<td style=\"width: 50%; height: 63px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/www.myshirtai.com\/de\/archives\/4425\/\" data-linktype=\"2\">Das AIGC Big Model: der Beginn einer \u00c4ra der doppelten Revolution in Technik und Wissenschaft - Penetrating Intelligence<\/a><\/td>\r\n<\/tr>\r\n<tr style=\"height: 61px;\">\r\n<td style=\"width: 50%; height: 61px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/www.myshirtai.com\/de\/\" data-linktype=\"2\">1:1 Wiederherstellung von Claude und GPT Offizielle Website - AI Cloud Native<\/a><\/td>\r\n<td style=\"width: 50%; height: 61px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/www.bluelsqkj.com\/archives\/2876\" data-linktype=\"2\">Live Match App Global HD Sports Viewing Player (empfohlen) - Blueshirt Technology<\/a><\/td>\r\n<\/tr>\r\n<tr style=\"height: 54px;\">\r\n<td style=\"width: 50%; height: 54px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/api.mygptmeta.com\/\" data-linktype=\"2\">Transitdienst auf der Grundlage der offiziellen API - GPTMeta API<\/a><\/td>\r\n<td style=\"width: 50%; height: 54px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/www.zhihu.com\/question\/621055223\/answer\/3633615705\" data-linktype=\"2\">Hilfe, kann jemand von Ihnen Tipps geben, wie man Fragen auf GPT stellt? - Wissen<\/a><\/td>\r\n<\/tr>\r\n<tr style=\"height: 70px;\">\r\n<td style=\"width: 50%; height: 70px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/shop.blueshirtmap.com\/\" data-linktype=\"2\">Global Virtual Goods Digital Store - Global SmarTone (Feng Ling Ge)<\/a><\/td>\r\n<td style=\"width: 50%; height: 70px; border: 1px solid #ddd; padding: 8px;\"><a href=\"https:\/\/www.bilibili.com\/video\/BV1efpneYE54\/?spm_id_from=333.1387.homepage.video_card.click\" data-linktype=\"2\">Wie leistungsf\u00e4hig ist Claude airtfacts, dass GPT sofort nicht mehr gut riecht? -BeepBeep<\/a><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>","protected":false},"excerpt":{"rendered":"<p>Bento Grids (Apple Style) ist ein minimaler, klarer und hoch organisierter visueller Designstil, der h\u00e4ufig in modernen Web- und mobilen App-Oberfl\u00e4chen verwendet wird. Der Stil schafft ein klares Leseerlebnis, indem Inhalte durch Rastermodule dargestellt werden, die Wei\u00dfraum, Ausrichtung und Konsistenz betonen. Der Artikel enth\u00e4lt auch spezifische Schritte zur Implementierung dieses Layouts mit Figma und empfiehlt entsprechende Plug-ins und Tools.<\/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":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.3 (Yoast SEO v25.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<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<\/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\/de\/archives\/6396\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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\/de\/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=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"IvesFeng666\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\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\":\"de\",\"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\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.myshirtai.com\/archives\/6396\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.myshirtai.com\/#organization\",\"name\":\"ShirtAI\",\"alternateName\":\"ShirtAI\",\"url\":\"https:\/\/www.myshirtai.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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\":\"de\",\"@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\/de\/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\/de\/archives\/6396\/","og_locale":"de_DE","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\/de\/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":{"Verfasst von":"IvesFeng666","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"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":"de","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":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.myshirtai.com\/archives\/6396"]}]},{"@type":"ImageObject","inLanguage":"de","@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":"de"},{"@type":"Organization","@id":"https:\/\/www.myshirtai.com\/#organization","name":"ShirtAI","alternateName":"ShirtAI","url":"https:\/\/www.myshirtai.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@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":"de","@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\/de\/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\/de\/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&hellip;","_links":{"self":[{"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/posts\/6396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/comments?post=6396"}],"version-history":[{"count":0,"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/posts\/6396\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/media\/6398"}],"wp:attachment":[{"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/media?parent=6396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/categories?post=6396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.myshirtai.com\/de\/wp-json\/wp\/v2\/tags?post=6396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}