FrameKit Studio
Generate a token set from foundations and compose pages from it, without a Figma file.
Foundations to tokens
Enter your colours, type, spacing, grid and corner shape. FrameKit generates the token set every builder uses, then FrameKit Studio composes pages from it and saves them as ordinary pages in your builder.
Composing pages
- Add components between sections, drag whole sections by their handle, and set spacing per breakpoint.
- Accordion items, tabs and carousel slides hold headings, buttons, images and cards. Each builder gets its own nested element.
- Every variant is a theme class you can read and edit in the UI or in
_custom.scss.
Editing later
Nothing proprietary ends up on the front end: open the page in your builder like any other. Pages made in the Studio show an "Edit with FrameKit Studio" link in the Pages list, the admin bar and the block editor.