Linden House
Identity and digital
Turn your Figma design into a website
Paste the Figma link and connect Figma after you sign in. Macaly builds a responsive site from the frames it can read, and asks you for screenshots of anything it cannot.
Example
Your Figma frames next to the finished site
Switch frames the way you would in your own file. Then press Website and use it: the menu moves between pages and the filter changes what is listed.
Northline studioHome / Desktop
Ideas with a place in the world.
Strategy, identity and digital work for cultural and purpose led organizations.
Selected work
2024 to 2026
Common Ground
Campaign and place
Properties
- Width
- 1200
- Columns
- 12 / 24
- Display
- 64 / 0.96
- Fill
- F7F5EF
The values your file already holds.
Pages and addresses
Each frame becomes its own page
The frames that are whole screens get an address of their own. Home becomes the front page, Work / Linden House sits at /work/linden-house, and the menu you drew starts pointing at them. A frame that shows the same screen at a second size stays part of that page, as its narrow layout.
Every width
Layouts for phone and desktop
Your frames are one screen at one size. Macaly works out where the layout has to change, so on a phone the page gets its own arrangement, with a menu that opens.
Hover, focus, errors
Hover, focus and error states
A frame holds one version of a button, so what it does under the cursor, what a keyboard user sees when they tab onto it and what the form says about a half typed address are not in the file. Those get decided with you, in chat, on a site that is already running.
Type, photos, icons
Your fonts, images and icons
What Macaly can read from the file is used as it is: your display face at the sizes you set it, the photographs you placed, the icons you drew for each service. What it cannot reach, like a licensed font, it asks you for: upload the files or name a web font you are happy with. It won't quietly swap in a lookalike.
Before you hand over the file
It does, if you want it to read the file itself. You paste the link here, and after you sign in Macaly asks you to connect Figma. Nothing is read before you say yes.
Send screenshots and your exported assets instead. Drop them into the chat with a short note saying what each frame is, and Macaly builds from those.
There is no pixel perfect promise here. Macaly builds a site that keeps your hierarchy, type and spacing and holds up at every width. Then you check the details you care about and ask for the ones that are off.
The order of the page, your type, colors and spacing, the components you repeat from frame to frame and the assets you hand over all come from the file, as far as Macaly can read it. Anything it cannot read, it asks you to send as screenshots or exports. What a fixed canvas cannot say gets settled with you: where the layout changes on a tablet and a phone, what hover and keyboard focus do, how the menu works and what each page is called, and what a form checks before it sends.
The frames that are whole screens do, and each one gets an address of its own. A frame that is the same screen at a second width does not: that becomes the narrow layout of the page it belongs to. Loose frames, old versions and component sheets stay where they are, so name the frames you want in the notes and those are the ones Macaly builds.
No. Your file is where the site starts, and the two don't stay linked. Once the site exists you change it in Macaly, and the file stays as you left it.
Name the frames you want first, say which screen sizes matter and mention anything that has to stay exact. If a button is meant to open a form or scroll somewhere, write that down too.
Macaly uses the assets it can reach and asks you for the ones it cannot. If a font is licensed, upload the files or name a web font you are happy to use instead. It won't quietly swap in a lookalike.
Getting started is. Paste the link, sign in with a free account and Macaly builds from your frames. You can publish on a free macaly.app address. A custom domain and the larger plans are paid, and the pricing page has the details.
Yes. You get a working site and keep shaping it by chat: new pages, different spacing on tablet, a form that sends somewhere else, a section that moves up.
