[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"services-doc-en-figma-to-wordpress":3,"site-version":112},{"id":4,"title":5,"aiNote":6,"body":7,"color":40,"description":41,"extension":42,"eyebrow":43,"faq":44,"forWho":63,"gets":68,"icon":75,"meta":76,"navigation":77,"order":78,"path":79,"pose":80,"related":81,"seo":84,"slug":85,"stem":86,"steps":87,"tech":100,"title1":109,"title2":110,"__hash__":111},"services\u002Fen\u002Fservices\u002Ffigma-to-wordpress.md","From Figma to code: WordPress and custom websites, true to the design","I use AI to speed up repetitive parts, but I check every component against the design myself, measurement by measurement.",{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"a-good-figma-is-ruined-in-only-one-way-by-approximating-it","A good Figma is ruined in only one way: by approximating it",[16,17,18],"p",{},"Spacing rounded by eye, the same component rebuilt three times in three ways, a template bent until it vaguely resembles the project. The result is not what the client approved, and the designer notices first.",[11,20,22],{"id":21},"styles-and-components-once","Styles and components, once",[16,24,25],{},"The file's styles become design tokens (in WordPress, theme rules) and every component becomes a reusable piece, with its variants. Changing a colour or a spacing means changing it in one place.",[11,27,29],{"id":28},"the-site-stays-yours-to-manage","The site stays yours to manage",[16,31,32],{},"The admin panel lets you update texts and images without touching the layout. At delivery you receive code, access and instructions, with no ties to me.",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"from-iris to-sky","I turn your Figma file into code: a WordPress theme or a custom website, faithful to the design, fast, accessible and easy to update. For designers and agencies.","md","Services — From Figma to code",[45,48,51,54,57,60],{"q":46,"a":47},"Do I need a complete Figma file?","The main pages and components are enough. If states, edge cases or the mobile version are missing, I flag them when reading and we decide together how to complete them.",{"q":49,"a":50},"Will the result be identical to the design?","Yes, on the measurements of the file. Where a detail does not hold in the browser, for example a longer title or another language, I tell you first and propose a solution.",{"q":52,"a":53},"WordPress or a custom site?","WordPress when you need a rich admin panel to manage every day; a custom site (Nuxt, with content in Markdown or a headless CMS) when the site has to be light and fast with few updates. We decide together after reading the file.",{"q":55,"a":56},"Do you use a ready-made theme or a page builder?","No: a custom Figma deserves custom code. If your workflow requires a page builder I can work with it, but I explain what it implies.",{"q":58,"a":59},"I do not have the design yet: can I start from scratch?","Yes, but we talk about it first: we can start from a reference or from a designer you work with, and then the step to the site is the same.",{"q":61,"a":62},"How long does it take?","It depends on how many pages and features there are, and I only know after reading the file. I give you a written estimate with what is included, not a number that fits everyone.",[64,65,66,67],"Designers and agencies who hand over a Figma and need someone to build it without approximations","Businesses with an approved design that has to become a real site","Anyone who tried a template and ended up with a site that does not look like the project","Anyone who then wants to update texts and images alone",[69,70,71,72,73,74],"A WordPress theme or custom site built on your file, not an adapted template","Figma colours, fonts and spacing turned into design tokens, in one place","Every design component built once and reused: new pages are assembled from them","An admin designed for you: edit content and images, the layout stays protected","Mobile version and accessibility (contrast, keyboard) part of the delivery","Code on Git and a test environment to approve before going live","pen",{},true,6,"\u002Fen\u002Fservices\u002Ffigma-to-wordpress",8,[82,83],"temi-wordpress","wordpress",{"title":5,"description":41},"figma-to-code-wordpress-and-custom-websites","en\u002Fservices\u002Ffigma-to-wordpress",[88,91,94,97],{"t":89,"d":90},"Reading the file","I check components, styles, states and mobile versions. If something is missing, I send you the exact list before writing code.",{"t":92,"d":93},"System and components","First colours, fonts and components, then pages. The site stays consistent and quick to extend.",{"t":95,"d":96},"Testing and review","On a separate environment you and your client try the site and flag corrections.",{"t":98,"d":99},"Going live","Only the approved version goes to production, with access and documentation.",[101,102,103,104,105,106,107,108],"Figma","WordPress","PHP","ACF","Nuxt","Tailwind CSS","Vite","Git","The design is approved.","Now it becomes code: WordPress or a custom site, identical to the Figma.","ypjtSLM48sFeguzaduXfc4i4lvy78ZK3q0GUDmWlzbs","2.2.0"]