Lofi for Claude

Wireframe the flow without leaving the conversation.

Describe a product or a task. Claude works out which screens exist and how they connect, drafts each one with Lofi’s component catalog, and saves a private board you can open and edit in Lofi. No Lofi credits for Claude-designed boards.

Create a free Lofi accountOpen Claude connectors
Setup and use

Five steps, one conversation.

Lofi for Claude is a connector. Add it once and it is available in every chat.

  1. 1

    Add Lofi in Claude

    Open Customize, then Connectors, find Lofi and choose Connect. Claude sends you to Lofi to sign in with your Lofi account, or to create one. Confirm the permissions and you are back in Claude.

  2. 2

    Turn the connector on in a chat

    In a new conversation, open the + menu, choose Connectors and switch Lofi on. Say “Open Lofi” to see your saved boards, or describe what you want to design.

  3. 3

    Describe a product or a task

    “Create a wireframe for a simple login screen.” “Design the onboarding flow for a habit tracker.” Claude decides which screens exist, what each one is for and how they connect, drafts every screen with Lofi's component catalog, and checks the structure with Lofi before saving.

  4. 4

    Keep going in the card or in Lofi

    The saved board appears as a card in the conversation. Ask Claude for changes and it updates the same board. Choose Open in Lofi to edit on the canvas, add variations, flip the flow to another screen size, or share it with your team.

  5. 5

    Send the board back to Claude

    Send to Claude puts the whole board, screen by screen, into the conversation as reference text. Ask for a review, a critique, or the next screens, and Claude continues the same project.

Questions

Lofi for Claude, answered.

Something missing? Ask us anything. Read how the integration handles your data in the Privacy Policy.

No. When Claude drafts and saves a board, Lofi only runs structural checks and charges zero generation credits. Your account's project limits still apply. Lofi's own generator, which you can ask for explicitly, uses Lofi credits at the rate shown for that request (Default 1, Thinking 10). A Claude subscription does not add Lofi credits.
Yes. Connecting Lofi signs you in to your Lofi account, or lets you create one. The free tier works. Boards Claude creates are private to that account.
In your Lofi account, like any other project. Everything Claude saves shows up at app.studiolofi.com, with the full canvas, history and sharing controls.
The board's screens and a way to continue: Open in Lofi for the editable canvas, and Send to Claude to bring the board back into the conversation. Where Claude allows it, the editable canvas loads inside the card itself.
Projects owned by your Lofi account. Claude can list and read them, create new private boards, and add, edit or remove screens in a board when you ask. Replacing or deleting screens needs an explicit request from you, and every structural change is checked by Lofi before it is saved.
Remove Lofi from your connectors in Claude. That revokes Claude’s access; your boards stay in your Lofi account. For anything else, write to hello@studiolofi.com.

Start with the flow, not the pixels.

Free to start. Design the first board with Claude, then keep going in Lofi.

Create a free account