https://www.figma.cool/_next/static/chunks/pages/index-c0c45039f055d162.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5090:function(e,a,t){"use strict";t.d(a,{Z:function(){return n}});var s=t(7294),i=t(5893);function n(){var e=(0,s.useState)(!1),a=e[0],t=e[1];return((0,s.useEffect)(function(){var e=setTimeout(function(){return t(!0)},100);return function(){return clearTimeout(e)}},[]),a)?(0,i.jsxs)("a",{href:"https://www.figma.com/community/plugin/1434961364530492108/artifig-ai-turn-ideas-into-live-figma-plugins",target:"_blank",rel:"noopener noreferrer",className:"block fixed bottom-4 right-4 bg-black shadow-xl rounded-xl p-4 max-w-xs z-50 border border-gray-700 transition-all duration-300 ease-in-out transform translate-y-0 opacity-100 hover:bg-gray-900",children:[(0,i.jsx)("button",{onClick:function(e){e.preventDefault(),t(!1)},className:"absolute top-2 right-2 text-gray-400 hover:text-gray-200 transition-colors",children:(0,i.jsx)("svg",{className:"w-4 h-4",fill:"currentColor",viewBox:"0 0 20 20",children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})}),(0,i.jsx)("div",{className:"rounded-lg overflow-hidden shadow-md mb-3 border border-gray-700",children:(0,i.jsx)("img",{src:"https://s3-figma-plugin-images-production-sig.figma.com/plugins/carousel/img/1434961364530492108/0eeddc2945db42491fbfda651a7996e4230e268d?Expires=1746403200&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=dtPOtuYOH64aIYTL3qwPG01wsffXxwjb-x~dcCG9sQxHKMNb94NRP8nCbRIsUX7KNVZJn-YAi-Uwkkjzm4vqEoBc3nbS1kqf0y006KQv-MfK4ysbvpdzcQkgznOXUfPDhCrkBxUT4Rs-X1H9wOFmLttsTtgn-HSLgcw6jl8ahB-e5xGZ964Anf04SxIrxjFj-pmkq5EAWE5~PklpeYH0yr-skvS7jKIElaOnzft-bsegX6ligO99HM0XJcjVEgfHqAfwkyLP3rS~6WPOxOVW-8Z8wfFHbZ7K~G5yMEnLfC2-mlfExNTWocKkfKLB2jAu-hWdohvqMyrzDFh0tU7bQQ__",width:240,height:160,alt:"Artifig plugin preview",className:"w-full h-auto"})}),(0,i.jsxs)("h3",{className:"text-2xl font-bold mb-1 text-gray-100 flex items-center",children:["Artifig AI",(0,i.jsx)("span",{className:"ml-2 px-2 py-1 bg-gradient-to-r from-blue-600 to-blue-800 text-xs font-semibold text-white rounded-full",children:"神器插件"})]}),(0,i.jsx)("p",{className:"text-base text-gray-300 mb-2",children:"1 分钟通过 AI 实时生成 Figma 插件，直接可在 Figma 中运行。"}),(0,i.jsx)("p",{className:"text-base text-gray-300 mb-3",children:"无需编程、支持中文、免费试用。"}),(0,i.jsx)("span",{className:"block w-full text-center bg-white text-gray-900 px-4 py-2 rounded-md text-sm font-semibold hover:bg-gray-100 transition-all duration-300 transform hover:scale-105",children:"\uD83D\uDCA0 运行插件"})]}):null}},7033:function(e,a,t){"use strict";t.d(a,{Z:function(){return b}});var s=t(1859),i=t.n(s),n=t(7294),r=t(5675),c=t.n(r),l=t(9048),o=t(9343),m=t(5805),A=t(4405),d=t(9119),g={src:"/_next/static/media/yancy-qr.f1d2bf4f.jpg",height:400,width:400,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAdEAABBAIDAAAAAAAAAAAAAAABAAIDBBESFGHw/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AKjobXPD4o7UYfOA7GxDxv34YREQf//Z",blurWidth:8,blurHeight:8},x=t(5893),h=function(e){var a=e.avatar,t=e.data;return(0,x.jsxs)("div",{className:"flex items-center",children:[(0,x.jsx)("div",{className:"mr-6",children:(0,x.jsx)(c(),{src:a,width:80,height:80})}),(0,x.jsxs)("div",{className:"contributor-bio flex flex-col",children:[(0,x.jsx)("h5",{className:"w-full text-lg text-gray-900 font-medium",children:t.name}),(0,x.jsx)("p",{className:"text-base text-gray-500",children:t.bio})]})]})},u=l.cn.sections.about,j=[{src:"/_next/static/media/yancy.d6eeefb9.png",height:496,width:496,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAPFBMVEWAgIBxcXFVVVVpaWkfHx+ampqioqKzs7MuLi56enpAQEBJSUmEhISSkpIpKSkUFBT

1S0tKJiYnf39+rq6v3vzvGAAAACHRSTlP+/////////kgsYtwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA+SURBVHicBcEJAsAgCAOwIohFxWv//+sShOxFkog7Su0s8BMzoQo/PvOlovRRJeoHmnHt0RBiZtYT8ImQ235MjQIHSf/upQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8},{src:"/_next/static/media/coiven.17b89f88.png",height:496,width:496,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAFVBMVEWFhYV8fHx4eHiOjo6amppmZmaurq4fbJtSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAALklEQVR4nBWKsRHAQAyDQPJn/5FzooECUjVKagaB4qJoATtlz7ULvqNn8ID3/AEO/ABy78m82AAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8},{src:"/_next/static/media/york.575ecd40.png",height:496,width:496,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAOVBMVEUQEBBnZ2h4d3iTk5MgICA4ODiBgYGmpqZaWlpERETBwcFvb2+bm5tQUFAqKirNzc2JiYmysrKurq4o2uf5AAAACHRSTlP+/////////kgsYtwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA9SURBVHicBcEHAoAgDASw66QLUP//WBOEm255HLxParPDNacVBNKUoKMgW0K3DMElb90P1pw+U0BYRsb6AT9FAdEw9E17AAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}],p=[{src:"/_next/static/media/Avatar-1.cc1b8d4d.jpg",height:160,width:160,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAgEAABAwMFAQAAAAAAAAAAAAABAAIEAwUGERITQVFh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAXEQEAAwAAAAAAAAAAAAAAAAAAAhEh/9oADAMBAAIRAxEAPwClkFO8wshZHskqXMu7xzE1Q1oDd2hA+AdeIiJtUsf/2Q==",blurWidth:8,blurHeight:8},{src:"/_next/static/media/Avatar-2.8c9249cc.jpg",height:160,width:160,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAiEAABAgUEAwAAAAAAAAAAAAABAAIDBRESFAQVISIxQVH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Aqdx00OdYmU985dGDBCF1zetSSPlffinCIiD/2Q==",blurWidth:8,blurHeight:8},{src:"/_next/static/media/Avatar-3.719b6424.jpg",height:160,width:160,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAdEAEAAQQDAQAAAAAAAAAAAAABAgADBBEFEkEV/8QAFAEBAAAAAAAAAAAAAAAAAAAAAv/EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIRAxEAPwCg5HJcn9Qx7VgGF2Ix6qzi+jrQHu6UpQhV/9k=",blurWidth:8,blurHeight:8}],f=[{name:"site",icon:{src:"/_next/static/media/footer_site.550ff845.svg",height:24,width:24,blurWidth:0,blurHeight:0},url:""},{name:"wechat",icon:o.Z,url:""},{name:"figma",icon:m.Z,url:""},{name:"dribbble",icon:{src:"/_next/static/media/footer_dribbble.e29ff487.svg",height:24,width:24,blurWidth:0,blurHeight:0},url:""},{name:"ig",icon:{src:"/_next/static/media/footer_ins.a34bbe5a.svg",height:20,width:20,blurWidth:0,blurHeight:0},url:""},{name:"github",icon:A.Z,url:""},{name:"twitter",icon:d.Z,url:""},{name:"linkedin",icon:{src:"/_next/static/media/footer_linkedin.904f2c69.svg",height:24,width:24,blurWidth:0,blurHeight:0},url:""},{name:"codepen",icon:{src:"/_next/static/media/footer_codepen.a09b1ef5.svg",height:24,width:24,blurWidth:0,blurHeight:0},url:""},{name:"lofter",icon:{src:"/_next/static/media/footer_lofter.616cf556.svg",height:21,width:21,blurWidth:0,blurHeight:0},url:""}],b=function(e){return(0,x.jsxs)("section",{className:"jsx-2610156418 team-section w-full flex flex-col mb-20",children:[(0,x.jsxs)("div",{className:"jsx-2610156418 core-team grid grid-cols-1 gap-x-10 sm:grid-cols-4",children:[(0,x.jsxs)("div",{className:"jsx-2610156418 core-team_left col-start-1 col-end-1",children:[(0,x.jsx)("h2",{className:"jsx-2610156418 text-gray-900 text-3xl font-semibold",children:u.team.title}),(0,x.jsx)("p",{className:"jsx-2610156418 text-gray-500 font-normal mt-3 max-w-md",children:u.team.des})]}),(0,x.jsx)("div",{className:"jsx-2610156418 core-team_right w-4/5 justify-self-end grid grid-cols-1 gap-x-10 sm:grid-cols-3 col-span-3",children:u.team.members.map(function(e,a){return(0,x.jsxs)("div",{className:"jsx-2610156418 w-full items-end flex flex-col",children:[(0,x.jsx)("div",{className:"jsx-2610156418 avatar-wrap object-cover  overflow-hidden rounded-xl mb-4",children:(0,x.jsx)(c(),{src:j[a],objectFit:"cover"})}),(0,x.jsx)("h2",{className:"jsx-2610156418 w-full text-lg text-gray-900 font-medium",children:e.name}),(0,x.jsx)("span",{className:"jsx-2610156418 w-full text-md text-indigo-600 font-normal",children:e.jobTitle}),(0,x.jsx)("p",{className:"jsx-2610156418 text-base text-gray-500 mt-4 w-full",children:e.bio}),(0,x.jsx)("div",{className:"jsx-2610156418 socials w-full flex mt-4",children:f.map(function(a,t){return(0,x.jsx)(n.Fragment,{children:Object.keys(e.socials).map(function(t,s){if(a.name===t)return(0,x.jsxs)("a",{href:e.socials[t],target:"_blank",rel:"noreferrer nofollow",className:"jsx-2610156418 social-icon relative cursor-pointer transition-all mr-3",children:[(0,x.jsx)(c(),{src:a.icon,width:20,height:20}),"wechat"===a.name?(0,x.jsx)("span",{className:"jsx-2610156418 wechat transition-all text-gray-500 z-10 shadow-sm absolute w-48 h-48 overflow-hidden rounded-md border flex justify-center items-center bg-white",children:(0,x.jsx)(c(),{src:g,width:192,height:192})}):null]},t.name+"d")})},a.name)})})]},e.name)})})]}),(0,x.jsxs)("div",{className:"jsx-2610156418 contributors mt-28 grid grid-cols-1 gap-x-10 sm:grid-cols-4",children:[(0,x.jsxs)("div",{className:"jsx-2610156418 contributors_left col-start-1 col-end-1",children:[(0,x.jsx)("h2",{className:"jsx-2610156418 text-gray-900 text-3xl font-semibold",children:u.contributors.title}),(0,x.jsx)("p",{className:"jsx-2610156418 text-gray-500 font-normal mt-3 max-w-md",children:u.contributors.des})]}),(0,x.jsx)("div",{className:"jsx-2610156418 contributors_right  w-4/5 justify-self-end grid grid-cols-1 gap-10 sm:grid-cols-2 col-span-3",children:u.contributors.members.map(function(e,a){return(0,x.jsx)(h,{data:e,avatar:p[a]},e.name)})})]}),(0,x.jsx)(i(),{id:"2610156418",children:[".social-icon.jsx-2610156418 .wechat.jsx-2610156418{visibility:hidden;opacity:0;top:110%;}",".social-icon.jsx-2610156418:hover .wechat.jsx-2610156418{opacity:1;visibility:visible;}"]})]})}},3730:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return ex}});var s=t(5675),i=t.n(s),n=t(1859),r=t.n(n),c=t(1183),l=t(5893),o=function(e){var a=e.label,t=e.content,s=e.url,i=e.labelOnly;return(0,l.jsxs)("div",{className:"jsx-1788180902 "+((i?"news-info justify-center align-middle flex text-sm text-yellow-800 font-medium":"justify-center align-middle flex text-sm text-indigo-600 font-medium hover:opacity-80")||""),children:[(0,l.jsx)("span",{className:"jsx-1788180902 "+((i?"inline-flex items-center px-2.5 py-0.5 rounded-full text-xm font-medium bg-yellow-100 text-yellow-800":"mr-2 inline-flex items-center px-2.5 py-0.5 rounded-md text-xm font-medium bg-indigo-50 text-indigo-600")||""),children:a}),(0,l.jsxs)("a",{href:s,rel:"noreferrer nofollow",className:"jsx-1788180902 "+((i?"hidden":"flex items-center justify-center")||""),children:[t,(0,l.jsx)(c.Z,{className:"w-5 h-5"})]}),(0,l.jsx)(r(),{id:"1788180902",children:[".news-info.jsx-1788180902{position:absolute;right:-25%;

1top:-30%;}"]})]})},m=t(8298),A=t(9048);t(9388);var d=t(7405),g=t(6244),x=t(776),h=t(6844),u=function(e){var a=e.data;return(0,l.jsx)("div",{className:"statistics flex",children:a.map(function(e,a){return(0,l.jsxs)("div",{className:"div border-r last:border-r-0 px-4 flex flex-col items-center",children:[(0,l.jsx)("p",{className:"text-gray-900 font-semibold text-2xl",children:e[0]}),(0,l.jsx)("span",{className:"text-base text-gray-500 font-normal whitespace-nowrap",children:e[1]})]},a)})})},j=t(9775),p=t(9447),f=t(4002),b=t(172),v=t(2997);b.Z.use([v.Z]);var w=function(e){var a=e.data;return(0,l.jsx)("div",{children:(0,l.jsx)(p.t,{slidesPerView:"auto",centeredSlides:!0,spaceBetween:20,progress:1,pagination:{clickable:!0},className:"mySwiper",children:a.map(function(e,a){return(0,l.jsx)(f.o,{children:(0,l.jsx)("a",{href:"https://www.figma.com/community/plugin/".concat(e),target:"_blank",rel:"noreferrer nofollow",children:(0,l.jsx)("img",{loading:"lazy",src:"https://cdn.coiven.com/static/figma.cool/plugins/".concat(e,".jpg"),alt:"banner",className:"w-full h-1/2"})})},a)})})})},N={src:"/_next/static/media/made-by-us_logo.a607daea.png",height:120,width:120,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAMFBMVEU5OUAsLDUoKDAnJy8qKjMqKjUtLTZISE8nJy9wcHUsLDRjY2lRUVhZWV97e4GQkJRRZ0d1AAAAB3RSTlP+4fnrW0fJxQ71aQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAADpJREFUeJw1y0kSgDAMBLE2BsZbwv9/S3HgLnHZEXHYyV2MKMPZmU3hk2u1Alcu5QRO934UH9aojL+/O1UBrzCgSwUAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},y=t(814),z=["851126455550003999","864052338727969891","964142928021463219","1019974184922505532","862912103841000337","863748474013054025","891195693567112423"],E=[["AutoHeight","根据页面中最下方的元素一键重置 Frame 高度。"],["autoRename","文本图层命名将由文本内容自动生成。"],["Chinese Copywriting Linter","中文和英文、数字、符号间插入空格，替换半角为全角。"],["Chinese Font Picker","选择和预览系统中已安装的中文字体。"],["Chart Maker","数据可定制的响应式图表制作工具。"],["Chinese User Data Generator","中文用户数据生成器"],["FrameAll","一键给所选图层批é‡

1æ·»åŠ  Frame。"],["MergeText","合并多个文本图层为一个段落文本。"],["Padding Manager","设置三种 Padding 并集中管理。"],["Plugin Store","在设计稿中搜索全部 Figma 插件。"],["Same Text Generator","一键批量生成相同的文本。"],["Selection2Page","将选中图层移动到自动创建的新页面。"],["Unlocker","集中管理所有的锁定图层。"],["WebCard","生成一个可以打开链接的网页信息卡片。"]],S=function(e){return y.o.map(function(e,a){e.name===E[a][0]&&(e.description=E[a][1])}),(0,l.jsxs)("section",{id:A.cn.sections.madeByFigmaCool.title,className:"jsx-3905369198 made-by-us border w-full pl-6 bg-white rounded-2xl mt-24 flex justify-between overflow-hidden",children:[(0,l.jsxs)("div",{className:"jsx-3905369198 made-by-us_left mr-5 p-8 mt-6 flex justify-between flex-col",children:[(0,l.jsxs)("div",{className:"jsx-3905369198 made-by-us_left_top",children:[(0,l.jsx)(i(),{src:N,alt:"logo",width:60,height:60}),(0,l.jsx)("h2",{className:"jsx-3905369198 text-gray-900 text-3xl font-semibold mb-3 mt-6",children:A.cn.sections.madeByFigmaCool.title}),(0,l.jsx)("p",{className:"jsx-3905369198 text-gray-500 font-normal mt-3",children:A.cn.sections.madeByFigmaCool.des})]}),(0,l.jsxs)("div",{className:"jsx-3905369198 made-by-us_left_btm pb-8",children:[(0,l.jsx)(u,{data:A.cn.sections.madeByFigmaCool.statistics}),(0,l.jsx)(j.Z,{content:A.cn.sections.madeByFigmaCool.button,size:"size4",className:"items-center justify-center sm:mt-8",url:"https://www.figma.com/@figmacool",blank:!0})]})]}),(0,l.jsxs)("div",{className:"jsx-3905369198 made-by-us_right rounded-r-2xl border-l bg-gray-50 pt-6 overflow-y-scroll h-full pb-6",children:[(0,l.jsx)("div",{className:"jsx-3905369198 made-by-us_right_banner w-full",children:(0,l.jsx)(w,{data:z})}),(0,l.jsx)("div",{className:"jsx-3905369198 made-by-us_right_plugins grid grid-cols-1 gap-3 sm:grid-cols-2 px-6",children:y.o.map(function(e,a){if(a<=23)return(0,l.jsx)(h.Z,{shadow:1,data:e},a)})})]}),(0,l.jsx)(r(),{id:"3905369198",children:[".made-by-us.jsx-3905369198{height:780px;}",".made-by-us_left.jsx-3905369198{width:33%;}",".made-by-us_right.jsx-3905369198{width:67%;}",".made-by-us_right.jsx-3905369198::-webkit-scrollbar{background:transparent;display:none;}",".made-by-us_right.jsx-3905369198::-webkit-scrollbar{width:10px;height:10px;display:none;}",".made-by-us_right.jsx-3905369198::-webkit-scrollbar-thumb{background:rgb(192,192,192);border-radius:20px;display:none;}",".made-by-us_right.jsx-3905369198::-webkit-scrollbar-track{background:rgba(192,192,192,0.4);display:none;}"]})]})},B=t(7294);t(9645),t(3345);var O=t(4356),F=t(5727),k=t(5712),U=t(943),D=t(6339),C=t(4343),_=t(1090),J=t(1664),Q=t.n(J),I=function(e){return(0,l.jsxs)("div",{className:"learning-nav-cards mt-6 border grid rounded-lg bg-gray-200 overflow-hidden shadow-sm divide-y divide-gray-200 sm:divide-y-0 sm:grid sm:grid-cols-2 sm:gap-px",children:[(0,l.jsx)(Q(),{href:"/official-docs",children:(0,l.jsxs)("div",{className:"learning-nav-cards_left cursor-pointer rounded-tl-lg rounded-bl-lg sm:rounded-tr-none relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500",children:[(0,l.jsx)("div",{children:(0,l.jsx)("span",{className:"rounded-lg inline-flex p-3 bg-indigo-50 text-indigo-700 transition-all group-hover:bg-indigo-700 group-hover:text-white",children:(0,l.jsx)(U.Z,{className:"h-6 w-6","aria-hidden":"true"})})}),(0,l.jsxs)("div",{className:"mt-8",children:[(0,l.jsx)("h3",{className:"text-lg font-medium transition-all group-hover:text-indigo-600",children:(0,l.jsxs)("div",{className:"focus:outline-none",children:[(0,l.jsx)("span",{className:"absolute inset-0 ","aria-hidden":"true"}),A.cn.sections.learning.tabs.docs.title]})}),(0,l.jsx)("p",{className:"mt-2 text-sm text-gray-500 max-w-sm",children:A.cn.sections.learning.tabs.docs.des}),(0,l.jsx)("div",{className:"mt-8 grid grid-cols-1 gap-1 gap-x-10 sm:grid-cols-2",children:A.cn.sections.learning.tabs.docs.content.map(function(e,a){return(0,l.jsxs)("div",{className:"text-gray-700 flex items-center pr-3 py-2 text-sm font-normal rounded-md",children:[(0,l.jsx)("span",{className:"truncate",children:e[0]}),(0,l.jsx)("span",{className:"bg-gray-100 text-gray-600 ml-auto inline-block py-0.5 px-3 text-xs rounded-full",children:e[1]})]},"truncate-".concat(a))})})]}),(0,l.jsx)("span",{className:"pointer-events-none absolute transition-all top-6 right-6 text-gray-300 group-hover:text-gray-400","aria-hidden":"true",children:(0,l.jsx)("svg",{className:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"

1currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{d:"M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z"})})})]})}),(0,l.jsxs)("div",{className:"learning-nav-cards_right",children:[(0,l.jsx)(Q(),{href:"/learning-paths",children:(0,l.jsxs)("div",{className:"learning-nav-cards_right_top cursor-pointer h-1/2 border-b sm:rounded-tr-lg relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500",children:[(0,l.jsx)("div",{children:(0,l.jsx)("span",{className:"rounded-lg inline-flex p-3 bg-indigo-50 text-indigo-700 transition-all group-hover:bg-indigo-700 group-hover:text-white",children:(0,l.jsx)(D.Z,{className:"h-6 w-6","aria-hidden":"true"})})}),(0,l.jsxs)("div",{className:"mt-8",children:[(0,l.jsx)("h3",{className:"text-lg font-medium transition-all group-hover:text-indigo-600",children:(0,l.jsxs)("div",{className:"focus:outline-none",children:[(0,l.jsx)("span",{className:"absolute inset-0","aria-hidden":"true"}),A.cn.sections.learning.tabs.paths.title]})}),(0,l.jsx)("div",{className:"flex mt-2",children:A.cn.sections.learning.tabs.paths.tags.map(function(e,a){return(0,l.jsxs)("li",{className:"figma-box_right_btm_list-item flex items-center mr-4",children:[(0,l.jsx)(C.Z,{className:"w-5 h-5 text-green-500 mr-1"}),(0,l.jsx)("div",{className:"figma-box_right_btm_list-item_content",children:(0,l.jsx)("span",{className:"mb-2 text-sm text-gray-500 max-w-sm",children:e})})]},a)})})]}),(0,l.jsx)("span",{className:"pointer-events-none transition-all absolute top-6 right-6 text-gray-300 group-hover:text-gray-400","aria-hidden":"true",children:(0,l.jsx)("svg",{className:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{d:"M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z"})})})]})}),(0,l.jsx)(Q(),{href:"/#site-nav",children:(0,l.jsxs)("div",{className:"learning-nav-cards_right_btm cursor-pointer h-1/2 rounded-bl-lg rounded-br-lg sm:rounded-bl-none relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500",children:[(0,l.jsx)("div",{children:(0,l.jsx)("span",{className:"rounded-lg inline-flex p-3 bg-indigo-50 text-indigo-700 transition-all group-hover:bg-indigo-700 group-hover:text-white",children:(0,l.jsx)(_.Z,{className:"h-6 w-6","aria-hidden":"true"})})}),(0,l.jsxs)("div",{className:"mt-8",children:[(0,l.jsx)("h3",{className:"text-lg font-medium transition-all group-hover:text-indigo-600",children:(0,l.jsxs)("div",{className:"focus:outline-none",children:[(0,l.jsx)("span",{className:"absolute inset-0","aria-hidden":"true"}),A.cn.sections.learning.tabs.siteNav.title]})}),(0,l.jsx)("p",{className:"mt-2 text-sm text-gray-500 max-w-sm",children:A.cn.sections.learning.tabs.siteNav.des})]}),(0,l.jsx)("span",{className:"pointer-events-none transition-all absolute top-6 right-6 text-gray-300 group-hover:text-gray-400","aria-hidden":"true",children:(0,l.jsx)("svg",{className:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{d:"M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z"})})})]})})]})]})},L=t(3018),H=t(1908),M=t(7033),R=t(1076),P="https://yancymin.oss-cn-beijing.aliyuncs.com/love.figma.cool/avatars/",Z=[{name:"Listen.",img:"".concat(P,"Listen..jpg")},{name:"Jun",img:"".concat(P,"Jun.jpg")},{name:"山海",img:"".concat(P,"山海.jpg")},{name:"Shuhari",img:"".concat(P,"Shuhari.jpg")},{name:"Clu",img:"".concat(P,"Clu.jpg")},{name:"Alban-白",img:"".concat(P,"Alban-白.jpg")},{name:"小专羊",img:"".concat(P,"小专羊.jpg")},{name:"Figmaist",img:"".concat(P,"Figmaist.jpg")},{name:"Gwo-",img:"".concat(P,"Gwo-.jpg")},{name:"Laborer",img:"".concat(P,"Laborer.jpg")}

1,{name:"Loooke19",img:"".concat(P,"Loooke19.jpg")},{name:"tz",img:"".concat(P,"tz.jpg")},{name:"MouT.me",img:"".concat(P,"MouT.me.jpg")},{name:"LZH\xb2⁰\xb2\xb9",img:"".concat(P,"LZH\xb2⁰\xb2\xb9.jpg")},{name:"LorenzoX",img:"".concat(P,"LorenzoX.jpg")},{name:"Frad",img:"".concat(P,"Frad.jpg")},{name:"fenx",img:"".concat(P,"fenx.jpg")},{name:"dee",img:"".concat(P,"dee.jpg")},{name:"caocanx",img:"".concat(P,"caocanx.jpg")},{name:"诺墨",img:"".concat(P,"诺墨.jpg")},{name:"SHAY",img:"".concat(P,"SHAY.jpg")},{name:"Raychen",img:"".concat(P,"Raychen.jpg")},{name:"KongSamuel",img:"".concat(P,"KongSamuel.jpg")},{name:"章三疯",img:"".concat(P,"章三疯.jpg")},{name:"撸铁娃",img:"".concat(P,"撸铁娃.jpg")},{name:"阿小小海",img:"".concat(P,"阿小小海.jpg")},{name:"YueYueGuy",img:"".concat(P,"YueYueGuy.jpg")},{name:"曹蔚",img:"".concat(P,"曹蔚.jpg")},{name:"Perry",img:"".concat(P,"Perry.jpg")},{name:"努力的五花肉",img:"".concat(P,"努力的五花肉.jpg")},{name:"吉祥物",img:"".concat(P,"吉祥物.jpg")},{name:"Shingo",img:"".concat(P,"Shingo.jpg")},{name:"Zane",img:"".concat(P,"Zane.jpg")},{name:"Popouloss",img:"".concat(P,"Popouloss.jpg")},{name:"Jamin Liu",img:"".concat(P,"Jamin%20Liu.jpg")},{name:"chi",img:"".concat(P,"chi.jpg")},{name:"bloodyxu",img:"".concat(P,"bloodyxu.jpg")},{name:"AY",img:"".concat(P,"AY.jpg")},{name:"吉瑞",img:"".concat(P,"吉瑞.jpg")},{name:"op7418",img:"".concat(P,"op7418.jpg")},{name:"zanwei.guo",img:"".concat(P,"zanwei.guo.jpg")},{name:"Siing",img:"".concat(P,"Siing.jpg")},{name:"Pel",img:"".concat(P,"Pel.jpg")},{name:"Charley",img:"".concat(P,"Charley.jpg")},{name:"JJ Ying",img:"".concat(P,"JJ%20Ying.jpg")},{name:"最美赞助者",img:"".concat(P,"最美赞助者.jpg")},{name:"粢饭大人",img:"".concat(P,"粢饭大人.jpg")},{name:"钟二信",img:"".concat(P,"钟二信.jpg")}

1,{name:"我就是贺",img:"".concat(P,"我就是贺.jpg")},{name:"梦洁洁",img:"".concat(P,"梦洁洁.jpg")},{name:"陈旭",img:"".concat(P,"陈旭.jpg")},{name:"ZK",img:"".concat(P,"ZK.jpg")},{name:"PJY",img:"".concat(P,"PJY.jpg")},{name:"李普",img:"".concat(P,"李普.jpg")},{name:"jinglin",img:"".concat(P,"jinglin.jpeg")},{name:"Yuchun",img:"".concat(P,"Yuchun.JPG")},{name:"oaaah",img:"".concat(P,"oaaah.JPG")},{name:"中",img:"".concat(P,"中.JPG")},{name:"二株",img:"".concat(P,"二株.JPG")},{name:"好看的人",img:"".concat(P,"好看的人.JPG")},{name:"意点",img:"".concat(P,"意点.JPG")},{name:"浪 sw",img:"".concat(P,"%E6%B5%AA%20sw.JPG")},{name:"LU",img:"".concat(P,"LU.JPG")},{name:"Tiger vibrantion",img:"".concat(P,"Tiger%20vibrantion.JPG")},{name:"RAD",img:"".concat(P,"RAD.JPG")},{name:"张傍晚",img:"".concat(P,"张傍晚.JPG")}],V=[{name:"halo"},{name:"地球啊"},{name:"aikaaa"},{name:"andy"},{name:"JJX"},{name:"wangan王安"},{name:"霖二"},{name:"smdmy"},{name:"周鑫珂"},{name:"盖世"},{name:"岳傍晚"},{name:"mengyang"},{name:"azuaqu"},{name:"Sophie"},{name:"WJ 浅笺素语"},{name:"xwongger"},{name:"zac"},{name:"越越小"},{name:"大鹏_abo"},{name:"時\xb7光"},{name:"無我"},{name:"beebee"},{name:"钟钟钟"},{name:"Lucas7"},{name:"maoqin"},{name:"zklm0000"},{name:"王业凯"},{name:"Dora"},{name:"明日故乡"},{name:"Puffcake"},{name:"arthorn"},{name:"妞青"},{name:"Supersmart"},{name:"pro\uD83C\uDF1F"},{name:"1吟"},{name:"王DUOMI"},{name:"kooloool"},{name:"SEBASTIAN"},{name:"\uD83D\uDE1D"},{name:"39\xb0"},{name:"Yair"},{name:"Somnus"},{name:"不加糖的kk"},{name:"Mayday"},{name:"李静亦"},{name:"freeman"},{name:"SENSESTER"},{name:"bryo.co"},{name:"Hua Qing"},{name:"森田海斗"},{name:"momoLin"},{name:"桑圆"},{name:"Twilight"},{name:"UpLus Studio"},{name:"Origin"},{name:"jee Jo"},{name:"寒汐"},{name:"Peppa Zhang"},{name:"贝阿提丝"},{name:"sylvialoveklose"}],W=t(8113),K=t(6486),G=t.n(K),T=function(e){var a=(0,B.useState)(Z),t=a[0];return a[1],(0,l.jsxs)("div",{className:"jsx-574564695 w-screen relative border-t border-b bg-gray-50 py-8 flex justify-center items-center",children:[(0,l.jsxs)("div",{className:"jsx-574564695 sponsor_content w-full mx-10 px-16 py-12 flex flex-col justify-center items-center rounded-2xl z-10",children:[(0,l.jsx)(i(),{src:R.Z,width:48,height:48}),(0,l.jsx)("h3",{className:"jsx-574564695 mt-8 text-gray-900 text-3xl font-semibold",children:A.cn.sections.about.sponsorship.title}),(0,l.jsxs)("div",{className:"jsx-574564695 avatars flex items-center",children:[(0,l.jsx)("div",{className:"jsx-574564695 avatars-wrap flex -space-x-2 my-4",children:t.map(function(e,a){return a<=6?(0,l.jsx)("div",{className:"jsx-574564695 inline-block h-8 w-8 rounded-full ring-2 ring-white overflow-hidden",children:(0,l.jsx)("img",{src:e.img,width:32,height:32,className:"jsx-574564695"})},e.name):""})}),(0,l.jsxs)("span",{className:"jsx-574564695 text-sm text-gray-500 ml-2",children:["+ ",Z.length+V.length]})]}),(0,l.jsx)("p",{className:"jsx-574564695 text-gray-500 font-normal mt-3 text-center max-w-xl mb-8",children:A.cn.sections.about.sponsorship.des}),(0,l.jsx)(F.Z,{size:"size4",content:A.cn.nav.rightArea.button.sponsor,icon:W.Z,direction:"left",color:"indigo",className:"w-60 justify-center",url:"https://love.figma.cool/"})]}),(0,l.jsx)(r(),{id:"574564695",children:[".sponsor_content.jsx-574564695{max-width:1217px;}",".bg-avatars.jsx-574564695{display:grid;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(12,auto);grid-gap:20px;}",".bg-avatars.jsx-574564695 .bg-avatar_wrap.jsx-574564695{position:relative;width:80px;height:80px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}",".bg-avatars.jsx-574564695 .bg-avatar_wrap.jsx-574564695 span.jsx-574564695{opacity:0;bottom:-10px;}",".bg-avatars.jsx-574564695 .bg-avatar_wrap.jsx-574564695:hover span.jsx-574564695{opacity:1;}",".bg-avatars.jsx-574564695:hover .bg-avatar_wrap.jsx-574564695{opacity:1;}",".sponsor_content.jsx-574564695{background:rgba(255,255,255,0.86);box-shadow:0px 10px 15px -3px rgba(0,0,0,0.1),0px 4px 6px -2px rgba(0,0,0,0.05);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);}"]})]})},Y="https://cdn.coiven.com/static/figma.cool/resources/recommend/",q=[{tag:"字节跳动",name:"ArcoDesign 企业级设计系统",cover:"".concat(Y,"arco.png"),id:"100294572

11703152933",authorName:"ArcoDesign",authorLink:"https://arco.design/",authorAvatar:"".concat(Y,"arco-avatar.png"),url:"https://arco.design"},{tag:"图形/插画",name:"50 Abstract posters/wallpapers",cover:"".concat(Y,"50%20Abstract%20posters%3Awallpapers.png"),id:"1004483087584434909",authorName:"Yan Liu",authorLink:"https://www.figma.com/@yanliu",authorAvatar:"https://s3-alpha.figma.com/profile/09e3ec0f-db40-4123-9e3a-84c791f1763f",url:"https://www.figma.com/community/file/1004483087584434909"},{tag:"图标",name:"Unicons",cover:"".concat(Y,"Unicons%20-%20Shared%20Library%20Ready.png"),id:"931512007012650048",authorName:"Fl\xe1vio Santos",authorLink:"https://www.figma.com/@FlavioSantos",authorAvatar:"https://s3-alpha.figma.com/profile/273a5784-ac24-46d1-b61f-37d174ba3141",url:"https://www.figma.com/community/file/931512007012650048"}],X=t(2450),$=t(3870),ee=t(8569),ea=function(e){var a=(0,B.useState)([]),t=a[0],s=a[1];return(0,B.useEffect)(function(){var e=[];ee.J.forEach(function(a,t){a.i=t,e.push(a)}),s(e)},[]),(0,l.jsxs)("section",{id:A.cn.sections.resource.title,className:"jsx-2085888330 mb-24",children:[(0,l.jsx)(m.Z,{title:A.cn.sections.resource.title,des:A.cn.sections.resource.des,button:A.cn.sections.resource.button,url:"/resources"}),(0,l.jsx)("div",{className:"jsx-2085888330 resourceCardsWrap grid gap-5 grid-cols-1 sm:grid-cols-1 lg:grid-cols-3 2xl:grid-cols-3 mb-8",children:q.map(function(e,a){return a<=2?(0,l.jsx)(X.Z,{name:e.name,cover:e.cover,id:e.id,tag:e.tag,authorName:e.authorName,authorAvatar:e.authorAvatar,authorLink:e.authorLink},e.name):null})}),(0,l.jsx)(d.Z,{title:A.cn.sections.resource.subHeading}),(0,l.jsx)("div",{className:"jsx-2085888330 resource-commend-card-wrap grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 2xl:grid-cols-4",children:G().orderBy(t,"i","desc").map(function(e,a){return a<=3?(0,l.jsx)($.Z,{cover:e.data,title:e.name,tag:e.tag,icon:e.icon,bg:a,url:"/resources/".concat(a)},e.name):null})}),(0,l.jsx)(r(),{id:"2085888330",children:[]})]})},et=[{name:"Chart Maker",id:"1019974184922505532",des:"数据可定制的响应式图表制作工具。"},{name:"3D Transformer",id:"1009780509659307229",des:"将画框或图片调整成任何角度的透视效果。"},{name:"oblique",id:"876352455198080607",des:"创建形状的斜投影，能创造出有意思的图形。"}],es=t(7093),ei=["Unsplash","Autoflow","Content Reel","Remove BG","Better Font Picker","Chinese Font Picker","Similayer","Mockup","SkewDat","Iconify","Chinese User Data Generator","Easometric","Filter","Sorter","Clean Document"],en=function(e){var a=(0,B.useState)([]),t=a[0],s=a[1];(0,B.useEffect)(function(){var e=[];es.G.forEach(function(a,t){a.i=t,e.push(a)}),s(e)},[]);var i=(0,B.useState)(y.Z),n=i[0];i[1];var r=(0,B.useState)(G().orderBy(n,["installCount"],["desc"])),c=r[0];r[1];var o=(0,B.useState)(G().orderBy(n,["likeCount"],["desc"]));o[0],o[1];var h=(0,B.useState)(G().sortBy(n,function(e){return new Date(e.lastUpdateDate)}));h[0],h[1];var u=(0,B.useState)(f());u[0],u[1];var j=(0,B.useState)(c);j[0],j[1];var p=(0,B.useState)("安装排行");function f(){var e=[];return ei.map(function(a){n.filter(function(t){t.name===a&&e.push(t)})}),e}return p[0],p[1],(0,B.useEffect)(function(){f()},[]),(0,l.jsxs)("section",{id:A.cn.sections.plugin.title,className:"mb-20",children:[(0,l.jsx)(m.Z,{title:A.cn.sections.plugin.title,des:A.cn.sections.plugin.des,button:A.cn.sections.plugin.button,url:"/plugins"}),(0,l.jsx)("div",{className:"pluginCardsWrap grid gap-5 grid-cols-1 sm:grid-cols-1 lg:grid-cols-3 2xl:grid-cols-3 mb-8",children:et.map(function(e,a){return(0,l.jsx)(g.Z,{cover:"https://cdn.coiven.com/static/figma.cool/plugins/".concat(e.id,".jpg"),icon:"https://cdn.coiven.com/static/figma.cool/plugins/".concat(e.id,"-icon.jpg"),name:e.name,des:e.des,id:e.id},e.name)})}),(0,l.jsx)(d.Z,{title:A.cn.sections.plugin.subHeading,id:A.cn.sections.plugin.subHeading}),(0,l.jsx)("div",{className:"plugin-recommend-card-wrap w-full grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 2xl:grid-cols-4",children:G().orderBy(t,"i","desc").map(function(e,a){return a<=3?(0,l.jsx)(x.Z,{cover:e.data,title:e.name,tag:e.tag,bg:a,logos:e.data,icon:e.icon,url:a},a):""})})]})},er=t(2421);function ec(){return(0,l.jsxs)("section",{id:"Figma 汉化",className:"jsx-3185185410 w-full rounded-2xl cn-section my-20 grid grid-cols-5 items-center overflow-hidden",children:[(0,l.jsxs)("div",{className:"jsx-3185185410 cn-section-left flex flex-col items-center col-span-2",children:[(0,l.jsx)(i(),{src:O.Z,width:60,height:60}),(0,l.jsx)("h3",{className:"jsx-3185185410 mt-8 text-3xl font-semibold text-white text-center",children:A.cn.sections.chineseization.title}),(0,l.jsx)("p",{className:"jsx-3185185410 mb-8 text-white font-normal mt-3 max-w-xs text-center",children:A.cn.sections.chineseization.des}),(0,l.jsx)(k.Z,{content:A.cn.sections.chineseization.buttons[0],size:"size4",className:"items-center justify-center w-44",url:"/cn"})]}),(0,l.jsx)("div",{className:"jsx-3185185410 cn-section-right pointer-events-none rounded-md flex flex-col items-center col-span-3",children:(0,l.jsx)(i(),{src:er.Z,width:700,height:413})}),(0,l.jsx)(r(),{id:"3185185410",children:[".cn-section.jsx-3185185410{height:450px;background:linear-gradient(180deg,#4f46e5 0%,rgba(79,70,229,0.75

1) 100%);}",".cn-section.jsx-3185185410 .cn-section-left.jsx-3185185410{position:relative;left:8%;}",".cn-section.jsx-3185185410 .cn-section-right.jsx-3185185410{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:0px 26.1687px 52.3374px -12.561px rgba(0,0,0,0.6);position:relative;bottom:-30px;left:10%;}"]})]})}var el=t(3651),eo={src:"/_next/static/media/check.a1dfa52c.svg",height:18,width:18,blurWidth:0,blurHeight:0},em={featureAndAdvantage:{header:{title:"Figma 功能和优势",desc:"Figma 能干什么，都有哪些功能，Figma 和竞品相比有哪些优势，让你快速了解 Figma。",equation:"Figma = Sketch（UI 设计）+ InVision（原型设计）+ Zeplin（标注）+ Dropbox（云端同步）+ Craft-Freehand（实时讨论）"},illustrations:{y:{src:{src:"/_next/static/media/y.614cdd7e.svg",height:40,width:40,blurWidth:0,blurHeight:0},alt:"Figma LOGO"},equal:{src:{src:"/_next/static/media/equal.1519cd2b.svg",height:40,width:40,blurWidth:0,blurHeight:0},alt:"Equal"},x:[{src:{src:"/_next/static/media/x1.bfd69906.svg",height:40,width:40,blurWidth:0,blurHeight:0},alt:"LOGO-1"},{src:{src:"/_next/static/media/x2.36ca53f2.svg",height:40,width:40,blurWidth:0,blurHeight:0},alt:"LOGO-2"},{src:{src:"/_next/static/media/x3.d026e25e.svg",height:40,width:40,blurWidth:0,blurHeight:0},alt:"LOGO-3"},{src:{src:"/_next/static/media/x4.5310a0ce.svg",height:40,width:40,blurWidth:0,blurHeight:0},alt:"LOGO-4"},{src:{src:"/_next/static/media/x5.84fd91f3.svg",height:40,width:40,blurWidth:0,blurHeight:0},alt:"LOGO-5"}]},feature:{icon:{src:{src:"/_next/static/media/feature.b0c6eb05.svg",height:48,width:48,blurWidth:0,blurHeight:0},alt:"Figma 功能"},title:"Figma 功能",desc:"Figma 集合了 6 个软件的功能于一体",items:[{title:"UI 设计",desc:"Figma 是为 UI 设计而生的设计工具，除了有和 Sketch 一样基本的操作和功能，还有许多专为 UI 设计而生的强大功能。"},{title:"原型设计",desc:"你可以在 Figma 里面无缝完成从设计到原型演示的切换，不需要反复同步设计图到第三方平台，我们同样可以利用 Figma Mirror 在手机上预览效果。"},{title:"前端协作",desc:"工程师可以在设计图上获取标注、并且可以导出所需任何资源（包括 CSS、iOS、Android 样式）"},{title:"实时协作 + 内置评论",desc:"在 Figma 里，设计和协作可以是同时进行的，任何人都可以在设计图的任何地方添加评论， 你可以在评论中 @其他人 或将评论标记为已解决。"}]},advantage:{icon:{src:{src:"/_next/static/media/like.01c833f2.svg",height:48,width:48,blurWidth:0,blurHeight:0},alt:"Figma 优势"},title:"Figma 优势",descriptions:[{icon:eo,text:"文件存储在云端"},{icon:eo,text:"在线协作"},{icon:eo,text:"多平台"},{icon:eo,text:"为 UI 优化的功能"}],items:[{title:"文件存储在云端",ul:["不用同步，在任何电脑上都可以访问","没有传统中文件的概念（不用来回传文件）","设计稿永远是最新的"]},{title:"在线协作",ul:["可以同时处理一个文件","可以一起查看文件而无需共享屏幕","任何人都可以对设计稿评论"]},{title:"多平台",ul:["Windows","chrome","Linux","Mac"]},{title:"为 UI 优化的功能",ul:["智能排列","批量图片导入","Layout","Web Font & Font Icon"]}]}}},eA=function(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{id:em.featureAndAdvantage.header.title,className:"jsx-691926022 feature-and-advantage_wrap mx-auto border-t pt-6 w-full",children:[(0,l.jsxs)("div",{className:"jsx-691926022",children:[(0,l.jsx)("h1",{className:"jsx-691926022 text-gray-900 text-3xl font-semibold leading-9	",children:em.featureAndAdvantage.header.title}),(0,l.jsx)("p",{className:"jsx-691926022 text-gray-500 text-base font-normal mt-3",children:em.featureAndAdvantage.header.desc}),(0,l.jsx)("p",{className:"jsx-691926022 text-gray-500 text-lg font-normal mt-3",children:em.featureAndAdvantage.header.equation})]}),(0,l.jsxs)("div",{className:"jsx-691926022 flex my-10",children:[(0,l.jsx)("div",{className:"jsx-691926022 illustration-box",children:(0,l.jsx)("img",{src:em.featureAndAdvantage.illustrations.y.src.src,alt:em.featureAndAdvantage.illustrations.y.alt,className:"jsx-691926022"})}),(0,l.jsx)("div",{className:"jsx-691926022 ml-2",children:(0,l.jsx)("img",{src:em.featureAndAdvantage.illustrations.equal.src.src,alt:em.featureAndAdvantage.illustrations.equal.alt,className:"jsx-691926022"})}),(0,l.jsx)("div",{className:"jsx-691926022 ml-2 flex",children:em.featureAndAdvantage.illustrations.x.map(function(e,a){return(0,l.jsx)("div",{className:"jsx-691926022 illustration-box illustration-box_x",children:(0,l.jsx)("img",{src:e.src.src,alt:e.alt,className:"jsx-691926022"})},a)})})]}),(0,l.jsxs)("div",{className:"jsx-691926022 flex flex-col border rounded-lg shadow-sm sm:flex-row",children:[(0,l.jsxs)("div",{className:"jsx-691926022 p-6 pb-8 sm:w-1/2",children:[(0,l.jsx)("div",{className:"jsx-691926022",children:(0,l.jsx)("img",{src:em.featureAndAdvantage.feature.icon.src.src,alt:em.featureAndAdvantage.feature.icon.alt,className:"jsx-691926022"})}),(0,l.jsxs)("div",{className:"jsx-691926022 mt-8",children:[(0,l.jsxs)("div",{className:"jsx-691926022",children:[(0,l.jsx)("h1",{className:"jsx-691926022 text-gray-900 text-lg leading-6",children:em.featureAndAdvantage.feature.title}),(0,l.jsx)("p",{className:"jsx-691926022 margin-top_2 text-gray-500 text-sm leading-5",children:em.featureAndAdvantage.feature.desc})]}),em.featureAndAdvantage.feature.items.map(function(e,a){return(0,l.jsxs)("div",{className:"jsx-691926022 mt-8",children:[(0,l.jsx)("h1",{className:"jsx-691926022 text-gray-900 text-sm leading-5",children:e.title}),(0,l.jsx)("p",{className:"jsx-691926022 text-gray-500 text-sm	leading-5 mt-2",children:e.desc})]},a)})]})]}),(0,l.jsxs)("div",{className:"jsx-691926022 figma-advantage p-6 border-t sm:w-1/2 sm:border-l",children:[(0,l.jsx)("div",{className:"jsx-691926022",children:(0,l.jsx)("img",{src:em.featureAndAdvantage.advantage.icon.src.src,alt:em.featureAndAdvantage.advantage.icon.alt,className:"jsx-691926022"})}),(0,l.jsxs)("div",{className:"jsx-691926022 mt-8 w-full",children:[(0,l.jsxs)("div",{className:"jsx-691926022",children:[(0,l.jsx)("h1",{className:"jsx-691926022 text-gray-900 text-lg leading-6",children:em.featureAndAdvantage.advantage.title}),(0,l.jsx)("div",{className:"jsx-691926022 margin-top_1rem-2 flex flex-wrap -ml-4",children:em.featureAndAdvantage.advantage.descriptions.map(function(e,a){return(0,l.jsxs)("div",{className:"jsx-691926022 flex ml-4 mt-2",children:[(0,l.jsx)("img",{src:e.icon.src,alt:e.text,width:18,height:18,className:"jsx-691926022 relative -top-px"}),(0,l.jsx)("span",{className:"jsx-691926022 text-gray-500 text-sm leading-5 ml-1.5",children:e.text})]},a)})})]}),(0,l.jsx)("div",{className:"jsx-691926022 flex flex-col xl:flex-wrap xl:flex-row",children:em.featureAndAdvantage.advantage.items.map(function(e,a){return(0,l.jsxs)("div",{className:"jsx-691926022 figma-advantage-card mt-8 ",children:[(0,l.jsx)("h2",{className:"jsx-691926022 text-sm",children:e.title}),(0,l.jsx)("ul",{className:"jsx-691926022 mt-2",children:e.ul.map(function(e,a){return(0,l.jsx)("li",{className:"jsx-691926022 custom-list-style-type text-gray-500 text-sm mt-2",children:e},a)})})]},a)})})]})]})]})]}),(0,l.jsx)(r(),{id:"691926022",children:['@charset "UTF-8";',"@media screen and (min-width:640px){.figma-advantage.jsx-691926022{border-top:none;}}","@media screen and (min-width:1280px){.figma-advantage-card.jsx-691926022{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;}}",".margin-top_2.jsx-691926022{margin-top:0.125rem;}",".margin-top_1rem-2.jsx-691926022{margin-top:calc(2px - 0.5rem);}",".figma-advantage-summary.jsx-691926022{margin-left:1rem;}",".illustration-box.jsx-691926022{border-radius:8px;overflow:hidden;box-shadow:0px 7.2px 10.8px rgba(0,0,0,0.1),0px 3.6px 7.2px rgba(0,0,0,0.06);}",".illustration-box_x.jsx-691926022:nth-child(n+2){margin-left:1.5rem;}",'.custom-list-style-type.jsx-691926022:before{content:"•";position:relative;color:#10b981;font-size:20px;margin-right:3px;top:1px;}']})]})},ed=t(5090),eg=[{name:"Figma 设计资源",link:"#Figma 设计资源"},{name:"Figma 插件",link:"#Figma 插件"},{name:"Figma 功能和优势",link:"#Figma 功能和优势"},{name:"Made by Figma.Cool",link:"#Made by Figma.Cool"},{name:"Figma 汉化",link:"#Figma 汉化 "},{name:"学习 Figma",link:"#学习使用 Figma"}];function ex(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(el.Z,{}),(0,l.jsx)("header",{className:"mt-40",children:(0,l.jsxs)("section",{className:"w-full mx-auto mt-20 mb-20 items-center flex flex-col",children:[(0,l.jsx)(o,{label:"最新板块",content:" Figma 相关文章 - 深入了解 Figma 的特性",url:"/article"}),(0,l.jsxs)("div",{className:"flex items-center flex-col text-center mt-6",children:[(0,l.jsx)("h1",{className:"text-5xl font-bold text-gray-900 mb-3",children:A.cn.heroSection.title[0]}),(0,l.jsx)("h1",{className:"text-5xl font-bold text-indigo-600 mb-6",children:A.cn.heroSection.title[1]}),(0,l.jsx)("div",{className:"hero-anchors flex mb-6",children:eg.map(function(e,a){return(0,l.jsx)(k.Z,{size:"size3",content:e.name,className:"m-1 rounded-full",url:e.link},e.name)})}),(0,l.jsx)("p",{className:"text-gray-500 font-normal text-lg max-w-lg",children:A.cn.heroSection.des})]}),(0,l.jsx)("div",{className:"hero-anchors flex"})]})}),(0,l.jsxs)("main",{className:"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,l.jsx)(ea,{}),(0,l.jsx)(en,{}),(0,l.jsx)(eA,{}),(0,l.jsx)(S,{}),(0,l.jsx)(ec,{}),(0,l.jsxs)("section",{className:"w-full",id:A.cn.sections.learning.title,children:[(0,l.jsx)(m.Z,{title:A.cn.sections.learning.title,de

1s:A.cn.sections.learning.des}),(0,l.jsx)(I,{}),(0,l.jsx)(L.Z,{})]}),(0,l.jsx)(H.Z,{className:"my-20"}),(0,l.jsx)(M.Z,{})]}),(0,l.jsx)(T,{}),(0,l.jsx)(ed.Z,{})]})}},5557:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(3730)}])},4356:function(e,a){"use strict";a.Z={src:"/_next/static/media/chineseization-icon.0243f4d0.png",height:120,width:120,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUsLTWVY/9XQX5WQX2eZf8rKzQfJh8rKzApKi9TQXsjKzVeNC3sb0fwg2CoSC5mOTvwsZ/ywbPMV2rOYHasXLmqWbQ+tBENAAAACnRSTlP+/tLR+lJQ3vn+TybxeQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAD9JREFUeJw1y1sOgCAMBdELFlr6EFDZ/1aJJn7PGRSGqnAFA9ZbyxCcETcR1GLOWAlqPoY/6U3uF9GPDxSWb99PQwI6Sgw5UwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},9645:function(e,a){"use strict";a.Z={src:"/_next/static/media/chrome-logo.5bf61730.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAaVBMVEX7+fj////y2tjS3tPv8e/9///513v8//9rroDz8vXjpHLx6dP6+vrUcmz6+vyrinXXf3VDm1v58+Da6+DMUEDv8O/80lTi0ZV3sJlwlvZmmfn75uTLi4eSsJO/uFL4zlTXdTxSlFuviISfGtRGAAAAEXRSTlP+8v7+bez+/f72/v5v/nL+/uMv3RQAAAAJcEhZcwAAFiUAABYlAUlSJPAAAABHSURBVHicFcZHEoAgEATAAYEFM0lJxv8/0rJPjZnAOWgEq2sIU5WgJbR29wT/vKXsm4O3Kec/0DYdlwKY1/ZUTkKY2A3RiA+L4gPkvV34igAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},2421:function(e,a){"use strict";a.Z={src:"/_next/static/media/cn-cover.315ccd80.png",height:901,width:1510,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAATlBMVEXe3+Cvrax6ens8SE7C0M3+/v67vsDl5uZ7hIuZmpr19fWipqdugIYvUV5U37xxWVrY7+qjhvPl3O719vYgIiTIysbm19CqnZz/k2S+oYJInHB3AAAACnRSTlP5////+f///Pz89OvsOAAAAAlwSFlzAAALEwAACxMBAJqcGAAAADNJREFUeJwFwQcCgCAQA7AyygGi7OH/P0oCo9W/lXMYZp38kNCz1TcworN8yQsBgYUPcgElkAGFZJp6zAAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5}},3345:function(e,a){"use strict";a.Z={src:"/_next/static/media/figma-logo.4b61b5dd.png",height:96,width:96,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAWlBMVEUWGBsvJSQbJC0iICIqKClAKiMZHSEoJSYWFxgZGRszqGYmHjGwUDYvllocOD02l79G2IhEmr08odp3RMCTXPNcp9fEY1SJRrvocFrmXCrISya1XOf/emT/YTKhXA5aAAAACnRSTlP+////df7/+Hf0k4BrPAAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAEFJREFUeJwFwYUBwDAMAzAnaZ3SmOn/NychuMQoHuDSrrOJw+T+3l0MVo9nm9TAuqzzoAS1jL2SyOyKkhkJJID0A1nZAlAj5rhkAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}}},function(e){e.O(0,[662,841,806,347,727,764,774,888,179],function(){return e(e.s=5557)}),_N_E=e.O()}]);