1:"$Sreact.fragment"
2:I[51108,["/_next/static/chunks/644de0c51988d865.js"],""]
a:I[61063,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"OutletBoundary"]
b:"$Sreact.suspense"
:HL["/images/blog/blog-figma-debutantes.svg","image"]
0:{"buildId":"Bp0Us4AEwhCjpahVLvQ3V","rsc":["$","$1","c",{"children":[["$","div",null,{"className":"max-w-3xl mx-auto px-6 py-16","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"Figma pour les débutantes : mes astuces de graphiste autodidacte\",\"description\":\"Figma m'a changé la vie. Voici les fonctionnalités que j'aurais aimé connaître dès le début — et quelques raccourcis qui font gagner un temps fou.\",\"datePublished\":\"2025-12-10\",\"author\":{\"@type\":\"Person\",\"name\":\"Killy Rousseau\"},\"keywords\":\"Design, Figma, Tutoriel\",\"image\":\"/images/blog/blog-figma-debutantes.svg\"}"}}],["$","$L2",null,{"href":"/blog","className":"inline-flex items-center gap-2 text-lavender hover:text-lime text-sm font-outfit transition-colors mb-12","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":15,"height":15,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-left","aria-hidden":"true","children":[["$","path","1l729n",{"d":"m12 19-7-7 7-7"}],["$","path","x3x0zl",{"d":"M19 12H5"}],"$undefined"]}]," Retour au blog"]}],["$","div",null,{"className":"rounded-2xl overflow-hidden mb-10 aspect-video","children":["$","img",null,{"src":"/images/blog/blog-figma-debutantes.svg","alt":"Figma pour les débutantes : mes astuces de graphiste autodidacte","className":"w-full h-full object-cover"}]}],["$","header",null,{"className":"mb-10","children":[["$","div",null,{"className":"flex flex-wrap gap-2 mb-5","children":[["$","span","Design",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Design"]}],["$","span","Figma",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Figma"]}],["$","span","Tutoriel",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Tutoriel"]}]]}],["$","h1",null,{"className":"font-dynapuff text-4xl sm:text-5xl text-light leading-tight mb-4","children":"Figma pour les débutantes : mes astuces de graphiste autodidacte"}],["$","p",null,{"className":"flex items-center gap-2 font-outfit text-lavender/60 text-sm","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":13,"height":13,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-calendar","aria-hidden":"true","children":["$L3","$L4","$L5","$L6","$undefined"]}],"Publié le ","10 décembre 2025"]}]]}],"$L7","$L8"]}],null,"$L9"]}],"loading":null,"isPartial":false}
3:["$","path","1cmpym",{"d":"M8 2v4"}]
4:["$","path","4m81vk",{"d":"M16 2v4"}]
5:["$","rect","1hopcy",{"width":"18","height":"18","x":"3","y":"4","rx":"2"}]
6:["$","path","8toen8",{"d":"M3 10h18"}]
7:["$","div",null,{"className":"w-16 h-px bg-primary mb-10"}]
8:["$","div",null,{"className":"space-y-5 font-outfit text-light/85 leading-relaxed","children":[["$","p","0",{"dangerouslySetInnerHTML":{"__html":"Quand j'ai découvert Figma il y a deux ans, j'utilisais encore Canva pour tout. La transition m'a semblé intimidante. Aujourd'hui je ne pourrais plus m'en passer. Voici ce que j'ai appris."}}],["$","h2","1",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Les composants : la clé de tout"}],["$","p","2",{"dangerouslySetInnerHTML":{"__html":"La première chose à maîtriser, c'est les <strong>composants</strong>. Créez un bouton, une carte, une navbar — une seule fois — et réutilisez-les partout. Si vous changez le composant parent, tout se met à jour automatiquement. C'est la logique des design systems."}}],["$","h2","3",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Les variables de couleurs"}],["$","p","4",{"dangerouslySetInnerHTML":{"__html":"Définissez votre palette une fois dans les styles locaux. Ainsi, quand un client veut changer son bleu pour un vert, vous faites la modification à un seul endroit."}}],["$","h2","5",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Auto Layout"}],["$","p","6",{"dangerouslySetInnerHTML":{"__html":"C'est la fonctionnalité la plus puissante de Figma pour les graphistes qui pensent en web. Auto Layout se comporte comme le Flexbox du CSS : vos éléments s'adaptent automatiquement au contenu."}}],["$","h2","7",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Mes raccourcis indispensables"}],["$","ul","8",{"className":"space-y-2 pl-4","children":[["$","li","0",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<code class=\"bg-muted text-lime px-1.5 py-0.5 rounded text-sm font-mono\">Ctrl + D</code> : dupliquer un élément"}}]]}],["$","li","1",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<code class=\"bg-muted text-lime px-1.5 py-0.5 rounded text-sm font-mono\">Ctrl + G</code> : grouper une sélection"}}]]}],["$","li","2",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<code class=\"bg-muted text-lime px-1.5 py-0.5 rounded text-sm font-mono\">Ctrl + Alt + G</code> : créer un cadre depuis la sélection"}}]]}],["$","li","3",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<code class=\"bg-muted text-lime px-1.5 py-0.5 rounded text-sm font-mono\">K</code> : l'outil mise à l'échelle (scale)"}}]]}]]}],["$","h2","9",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Pour les graphistes qui veulent coder"}],["$","p","10",{"dangerouslySetInnerHTML":{"__html":"Figma génère du CSS pour chaque élément. Clic droit → \"Copy/Paste as\" → \"Copy as CSS\". C'est une passerelle fantastique entre le design et le code."}}]]}]
9:["$","$La",null,{"children":["$","$b",null,{"name":"Next.MetadataOutlet","children":"$@c"}]}]
c:null