How it works

Styles and components

Can I use instances and components?

Yes, you can use instances of components like buttons and links. Each instance will be treated as a regular frame with auto layout.

Can I customize the components and styles?

We offer a variety of pre-made website sections ready to use. However, if you prefer to create them from scratch or adapt your existing design, you can easily do so by setting up the page and section structure, auto layout wrap, and adjusting the min-width and max-width, as outlined in one of the earlier questions.

How can I adapt my design to be compatible with Detachless?

Follow our guidelines for page and section structure, and your designs will be ready to publish directly from Figma to the web. Alternatively, you can use our pre-made sections, available on the Templates page.

Can I use groups and frames without auto layout?

We recommend using Auto Layout for all frames, as we replicate each frame into a DIV in HTML. Avoid using frames or groups without Auto Layout when possible.

How can I edit my design for smaller screens?

We’re working on a Custom CSS feature that will allow advanced users to customize their design to suit their needs.

Publish website directly from Figma to web

Say goodbye to switching between multiple tools. With Detachless, transform your designs into live websites or export to code without stepping out of Figma.

Publish website directly from Figma to web

Say goodbye to switching between multiple tools. With Detachless, transform your designs into live websites or export to code without stepping out of Figma.

Publish website directly from Figma to web

Say goodbye to switching between multiple tools. With Detachless, transform your designs into live websites or export to code without stepping out of Figma.

Built with Detachless

Showcase of what kind of websites can be built with Detachless and published from Figma.

Built with Detachless

Showcase of what kind of websites can be built with Detachless and published from Figma.

Publish Figma website with ease. Detachless lets you go from design in Figma to live site same in Figma, eliminating the need to juggle various tools.

Publish Figma website with ease. Detachless lets you go from design in Figma to live site same in Figma, eliminating the need to juggle various tools.

Publish Figma website with ease. Detachless lets you go from design in Figma to live site same in Figma, eliminating the need to juggle various tools.