https://coloracci.ai/assets/FigmaPluginsHub-BtL3r7O9.js

1import{j as e}from"./vendor-query-DBx3ePu6.js";import{r as t,L as a}from"./vendor-react-DWVspobl.js";import{H as s}from"./Helmet-CZl-wC9f.js";import{B as i,S as r,a5 as o,L as l,c as n}from"./index-DIPvNXZI.js";import{C as c,d as m}from"./card-CEVQQqSz.js";import{a as d}from"./seo-schema-oySdDH4o.js";import{m as p}from"./vendor-motion-DJ52e5e_.js";import{A as x}from"./arrow-right-DMaxd4oi.js";import{D as g}from"./download-eB27xu2x.js";import{U as h}from"./users-tvETGzEp.js";import{G as u}from"./grid-3x3-4JVbdb0m.js";import{C as f}from"./chart-column-Baee1UjF.js";import"./vendor-charts-CLUve29y.js";import"./vendor-radix-DpuYi9NJ.js";import"./vendor-supabase-BXeotk2G.js";const j="/assets/og-figma-plugins-hub-BBedoQAb.jpg",b="#F24E1E",y="#FF7262",w="#A259FF",v="#0ACF83",N=[{id:"fibonacci-colors",name:"Fibonacci Colors",subtitle:"Mathematical Color Harmony",description:"Generate perfectly balanced color palettes using the Fibonacci sequence and golden ratio for scientifically harmonious designs.",icon:r,color:w,href:"/figma-plugin",externalUrl:"https://www.figma.com/community/plugin/1565116851789372906/fibonacci-colors-mathematical-color-harmony",features:["Golden Ratio","8 Color Categories","One-Click Export"]},{id:"pattern-generator",name:"Pattern Generator",subtitle:"Seamless Geometric Patterns",description:"Create stunning geometric patterns with Fibonacci-based color harmonies. Perfect for backgrounds, textures, and brand assets.",icon:u,color:"#1ABCFE",href:"/figma-pattern-generator",externalUrl:"https://www.figma.com/community/plugin/1588492546839325891/coloracci-pattern-generator",features:["Multiple Patterns","Fibonacci Colors","Vector Output"]},{id:"halftone-studio",name:"Halftone Studio",subtitle:"Image to Vector Halftone",description:"Transform any image into beautiful halftone vector art with live preview and multiple point shapes.",icon:o,color:b,href:"/figma-halftone-studio",externalUrl:"https://www.figma.com/community/plugin/1588479480084953263/halftone-studio",features:["5 Point Shapes","4 Pattern Types","Live Preview"]},{id:"mesh-gradient",name:"Mesh Gradient Maker",subtitle:"Professional Mesh Gradients",description:"Create stunning mesh gradients with custom color palettes, 12 presets, and pro filters for any size canvas.",icon:l,color:v,href:"/figma-mesh-gradient",externalUrl:"https://www.figma.com/community/plugin/1587201184422552848/mesh-gradient-maker",features:["12 Presets","Pro Filters","Custom Sizes"]},{id:"chart-studio",name:"Chart Studio",subtitle:"Data to Beautiful Charts",description:"Create stunning charts with 11 chart types, live preview, and 8 professional color themes. The fastest path from data to visualization.",icon:f,color:"#F97316",href:"/figma-chart-studio",externalUrl:"https://www.figma.com/community/plugin/1594414102802159799",features:["11 Chart Types","Live Preview","8 Color Themes"]}],C=[{label:"Free Plugins",value:"5",icon:n},{label:"Happy Users",value:"500+",icon:h},{label:"Downloads",value:"1K+",icon:g}],F=()=>{t.useEffect(()=>{window.prerenderReady=!0},[]);const o=d([{name:"Home",url:"https://coloracci.ai"},{name:"Figma Plugins",url:"https://coloracci.ai/figma-plugins"}]),l=JSON.stringify({"@context":"https://schema.org","@type":"CollectionPage",name:"Coloracci Figma Plugins",description:"A collection of free Figma plugins for color palette generation, pattern creation, halftone effects, and mesh gradients.",url:"https://coloracci.ai/figma-plugins",image:{"@type":"ImageObject",url:`https://coloracci.ai${j}`,width:1200,height:640,caption:"Coloracci Figma Plugins - 5 Free Design Tools"},publisher:{"@type":"Organization",name:"Coloracci",logo:{"@type":"ImageObject",url:"https://coloracci.ai/lovable-uploads/8e3498b3-85b0-4e3f-8e7a-c73c1a6b11a1.png"}},hasPart:N.map(e=>({"@type":"SoftwareApplication",name:e.name,applicationCategory:"DesignApplication",operatingSystem:"Figma",offers:{"@type":"Offer",price:"0",priceCurrency:"USD"},url:`https://coloracci.ai${e.href}`}))});return e.jsxs(e.Fragment,{children:[e.jsxs(s,{children:[e.jsx("title",{children:"Figma Plugins | Coloracci - 5 Free Design Tools"}),e.jsx("meta",{name:"description",content:"Explore Coloracci's free Figma plugins: Fibonacci Colors, Pattern Generator, Halftone Studio, Mesh Gradient Maker, and Chart Studio. Professional design tools at no cost."}),e.jsx("meta",{property:"og:title",content:"Figma Plugins | Coloracci - Free Design Tools"}),e.jsx("meta",{property:"og:description",content:"Explore Coloracci's free Figma plugins for c

1olor palettes, patterns, halftone effects, and mesh gradients."}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:url",content:"https://coloracci.ai/figma-plugins"}),e.jsx("meta",{property:"og:image",content:`https://coloracci.ai${j}`}),e.jsx("meta",{property:"og:image:width",content:"1200"}),e.jsx("meta",{property:"og:image:height",content:"640"}),e.jsx("meta",{property:"og:image:alt",content:"Coloracci Figma Plugins - 5 Free Design Tools"}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:image",content:`https://coloracci.ai${j}`}),e.jsx("link",{rel:"canonical",href:"https://coloracci.ai/figma-plugins"}),e.jsx("script",{type:"application/ld+json",children:l}),e.jsx("script",{type:"application/ld+json",children:o})]}),e.jsxs("div",{className:"min-h-screen",children:[e.jsxs("section",{className:"relative overflow-hidden py-20 md:py-28",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-figma-purple/10 via-figma-blue/5 to-transparent"}),e.jsx("div",{className:"absolute top-20 right-10 w-72 h-72 bg-figma-purple/20 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-10 left-10 w-96 h-96 bg-figma-green/10 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute top-1/2 left-1/3 w-64 h-64 bg-figma-blue/10 rounded-full blur-3xl"}),e.jsx("div",{className:"container mx-auto px-4 relative z-10",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center",children:[e.jsxs(p.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-figma-purple/10 border border-figma-purple/20 mb-8",children:[e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 38 57",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M19 28.5C19 23.2533 23.2533 19 28.5 19C33.7467 19 38 23.2533 38 28.5C38 33.7467 33.7467 38 28.5 38C23.2533 38 19 33.7467 19 28.5Z",fill:w}),e.jsx("path",{d:"M0 47.5C0 42.2533 4.25329 38 9.5 38H19V47.5C19 52.7467 14.7467 57 9.5 57C4.25329 57 0 52.7467 0 47.5Z",fill:v}),e.jsx("path",{d:"M19 0V19H28.5C33.7467 19 38 14.7467 38 9.5C38 4.25329 33.7467 0 28.5 0H19Z",fill:b}),e.jsx("path",{d:"M0 9.5C0 14.7467 4.25329 19 9.5 19H19V0H9.5C4.25329 0 0 4.25329 0 9.5Z",fill:y}),e.jsx("path",{d:"M0 28.5C0 33.7467 4.25329 38 9.5 38H19V19H9.5C4.25329 19 0 23.2533 0 28.5Z",fill:w})]}),e.jsx("span",{className:"text-sm font-medium text-figma-purple",children:"Figma Community"})]}),e.jsxs(p.h1,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.1},className:"text-4xl md:text-6xl lg:text-7xl font-bold text-foreground mb-6 leading-tight",children:["Coloracci"," ",e.jsx("span",{className:"bg-gradient-to-r from-figma-purple via-figma-blue to-figma-green bg-clip-text text-transparent",children:"Figma Plugins"})]}),e.jsx(p.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},className:"text-lg md:text-xl text-muted-foreground mb-10 max-w-2xl mx-auto",children:"A suite of free design tools powered by mathematical color harmony. From Fibonacci palettes to mesh gradients — all at no cost."}),e.jsx(p.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},className:"flex justify-center gap-8 md:gap-16",children:C.map((t,a)=>e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"flex items-center justify-center gap-2 mb-1",children:[e.jsx(t.icon,{className:"w-5 h-5 text-figma-purple"}),e.jsx("span",{className:"text-2xl md:text-3xl font-bold text-foreground",children:t.value})]}),e.jsx("span",{className:"text-sm text-muted-foreground",children:t.label})]},a))})]})})]}),e.jsx("section",{className:"py-20 bg-card/50",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold mb-4",children:"Our Figma Plugins"}),e.jsx("p",{className:"text-lg text-muted-foreground max-w-2xl mx-auto",children:"Professional-grade design tools, completely free"})]}),e.jsx("div",{className:"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto",children:N.map((t,s)=>e.jsx(p.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1*s},children:e.jsx(c,{className:"group hover:shadow-xl transition-all duration-300 hover:-translate-y-1 border-2 hover:border-figma-purple/30 h-full overflow-hidden",children:e.jsxs(m,{className:"p-6",children:[e.jsxs("div",{className:"flex items-start gap-4 mb-4",children:[e.jsx("div",{className:"w-14 h-14 roun

1ded-xl flex items-center justify-center shrink-0",style:{backgroundColor:`${t.color}15`},children:e.jsx(t.icon,{className:"w-7 h-7",style:{color:t.color}})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("h3",{className:"text-xl font-bold text-foreground mb-1",children:t.name}),e.jsx("p",{className:"text-sm font-medium",style:{color:t.color},children:t.subtitle})]})]}),e.jsx("p",{className:"text-muted-foreground mb-4 line-clamp-2",children:t.description}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-6",children:t.features.map((t,a)=>e.jsx("span",{className:"text-xs px-2 py-1 rounded-full bg-muted text-muted-foreground",children:t},a))}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(i,{variant:"outline",size:"sm",className:"flex-1",asChild:!0,children:e.jsxs(a,{to:t.href,children:["Learn More",e.jsx(x,{className:"w-4 h-4 ml-1"})]})}),e.jsx(i,{size:"sm",className:"flex-1",style:{backgroundColor:t.color,color:"white"},asChild:!0,children:e.jsx("a",{href:t.externalUrl,target:"_blank",rel:"noopener noreferrer",children:"Install Free"})})]})]})})},t.id))})]})}),e.jsx("section",{className:"py-20",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold mb-6",children:"Why Coloracci Plugins?"}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-8 mt-12",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-figma-purple/10 flex items-center justify-center mx-auto mb-4",children:e.jsx(r,{className:"w-8 h-8 text-figma-purple"})}),e.jsx("h3",{className:"font-semibold text-lg mb-2",children:"Mathematical Precision"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"All tools are built on Fibonacci sequence and golden ratio principles"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-figma-green/10 flex items-center justify-center mx-auto mb-4",children:e.jsx(g,{className:"w-8 h-8 text-figma-green"})}),e.jsx("h3",{className:"font-semibold text-lg mb-2",children:"100% Free Forever"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"No subscriptions, no paywalls — professional tools at no cost"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-figma-blue/10 flex items-center justify-center mx-auto mb-4",children:e.jsx(h,{className:"w-8 h-8 text-figma-blue"})}),e.jsx("h3",{className:"font-semibold text-lg mb-2",children:"Designer-First"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Built by designers, for designers — intuitive and powerful"})]})]})]})})}),e.jsx("section",{className:"py-20 bg-gradient-to-br from-figma-purple/10 via-figma-blue/5 to-transparent",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"max-w-3xl mx-auto text-center",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold mb-6",children:"Ready to Upgrade Your Design Workflow?"}),e.jsx("p",{className:"text-lg text-muted-foreground mb-8",children:"Install all Coloracci plugins and experience the power of mathematical color harmony in Figma."}),e.jsx(i,{size:"lg",className:"bg-gradient-to-r from-figma-purple to-figma-blue hover:from-figma-purple/90 hover:to-figma-blue/90 text-white px-8 py-6 text-lg rounded-xl shadow-lg shadow-figma-purple/25",asChild:!0,children:e.jsxs("a",{href:"https://www.figma.com/@liondada",target:"_blank",rel:"noopener noreferrer",children:["View All on Figma Community",e.jsx(x,{className:"w-5 h-5 ml-2"})]})})]})})})]})]})};export{F as default};