wonderblok
Get early access

Draw the mark, then put it to work.

Wonderblok has a pen tool and editable vector paths, so a logo designer can draw marks and icons, keep them editable, set the palette and typefaces as tokens, and use the same file for applications of the brand. An AI agent can produce variations while the designer chooses and refines. Export as SVG, PNG or PDF.

Get early accessSee pricing
Pen toolVector pathsTokensExport SVG, PNG, PDF

WHO THIS IS FOR

Sound familiar?

A brand starts as a mark and a few decisions: two colors, a typeface, a tone. Then the work multiplies: a horizontal lockup, a stacked one, a one-color version, an icon for the app, a banner. Each is the same decision applied again.

Draw the mark as vector paths and it stays editable. Set the palette and typefaces as tokens and every application follows when you change a decision. Ask your agent for the lockups and the variants, and spend your time choosing which one is right.

  • Variants multiply by hand

    Lockups, one-color versions and sizes are the same decision, redrawn.

  • The brand lives in many files

    Mark, palette and applications drift apart across tools.

  • Flattened art is hard to change

    A mark exported as pixels cannot be adjusted when the client asks.

AN EXAMPLE WEEK

A small brand identity, from first mark to brand sheet

A scenario, not a customer story: what a week can look like when your agent works on the canvas with you.

  1. Monday

    The mark takes shape

    A client has a bakery and a one-page brief: warm, local, not childish. You sketch on paper, then rebuild the best idea with the pen tool as clean vector paths. You ask the agent for three variations of the same idea, with the curve a little tighter, the stem a little longer. You pick one and redraw the corner you do not like by hand.

  2. Tuesday

    Two colors and a typeface

    You set the decisions as tokens: a deep green, a cream, a typeface for the name. Every layer that uses them follows. You ask the agent to show the mark on each color with its contrast ratio, and the cream on green passes while the light green on cream does not. You drop the second one before the client ever sees it.

  3. Wednesday

    The lockups

    The mark needs a horizontal lockup, a stacked one and a one-color version for dark backgrounds. These are the same decision applied three times, so you describe them once and the agent draws all three. You adjust the spacing between the mark and the name on the one that feels off.

  4. Thursday

    Small and large

    The mark has to survive a 32 pixel favicon and a shop sign. You ask for the logo in a row of sizes on one frame and look at the small ones first. The thin stem disappears at 32 pixels. You thicken it in the path, once, and every size follows.

  5. Friday

    Applications and the sheet

    The bakery needs a business card, a banner and a bag label, so the brand has to work on things. The agent lays out each one from your tokens, and you put the pieces together on a brand sheet that shows the mark, the palette, the type and the applications. You export SVG for the logo files and PNG or PDF for the sheet.

  6. Next week

    The client asks for a change

    The client wants the green warmer. You change one color token, and the mark, the lockups, the card and the banner all follow. You ask the agent to list any place where contrast now fails, and there is one, which you fix before you reply.

BEFORE AND AFTER

What changes once your agent has a canvas.

WITHOUT A DESIGN FILE

  • Lockups, one-color versions and sizes are the same decision, redrawn by hand each time.
  • The mark, the palette and the applications live in separate files and drift apart.
  • A color change from the client means opening every file again.
  • Contrast and small-size problems are found late, after the client has already fallen for the version.
  • Flattened art is hard to adjust when the client asks for a small change.

WITH WONDERBLOK

  • You draw the mark once as editable paths and ask the agent for the variants.
  • Palette and type are tokens, and the mark and every application follow them.
  • A color decision is one change, and it reaches every piece in the file.
  • Contrast and small-size checks happen while you are still exploring.
  • Paths stay editable, so the small change takes a minute, not an hour.

HOW IT WORKS

Logo and brand designers: the workflow, step by step.

Each step shows what you ask for, what you get, and the features behind it.

  1. 01

    Connect your agent

    Wonderblok sets up the MCP connection for Claude Code, Codex and Claude Desktop. The agent can read your file, draw shapes and paths, and edit text, components and tokens. The file stays on your device.

    MCPLocal files

    You get: Your agent can work on the brand file with you.

  2. 02

    Write down the brand intent

    Put the brief into the file's guidelines: the tone, what the mark must never look like, the minimum clear space, which colors may sit next to each other. The agent must read the current version before it may edit, so the brief is applied to every variant without being repeated.

    GuidelinesRead-before-edit

    YOU SAY

    Read the design guidelines, then tell me which of the three marks on the canvas breaks the most rules, and why.

    You get: A brief the agent works from, not a chat message it forgets.

  3. 03

    Draw the mark with the pen tool

    Build the mark as vector paths with editable points. You can adjust a curve, move an anchor or redraw a corner at any time. Boolean path operations are limited today, so shapes are combined by drawing the path you need rather than subtracting one shape from another.

    Pen toolVector paths

    YOU SAY

    Draw three variations of this mark as vector paths: one with a rounder bowl, one with a longer stem and one with the counter opened up. Keep the same stroke weight.

    You get: Several editable options to choose from. The choice stays with you.

  4. 04

    Set palette and type as tokens

    Colors and typefaces become tokens used by every layer. A token can carry a value per mode, so the mark can have a version for light backgrounds and one for dark. Wonderblok bundles several font families, can download more from a pinned catalog, and lets you add your own font files.

    Tokens and modesFontsLint

    YOU SAY

    Make the palette tokens from these three hex values, and show the mark on each of them with its contrast ratio.

    You get: A palette that is a decision in one place, with its contrast already tested.

  5. 05

    Ask for lockups and variants

    Describe the lockups once. The agent draws the horizontal, the stacked and the one-color versions, in light and dark, from the same mark and the same tokens. You look at spacing and alignment, which is where the craft is.

    Vector pathsTokensSeveral sizes in one file

    YOU SAY

    Create a horizontal and a stacked lockup of this mark with the wordmark in Outfit, then a one-color version for dark backgrounds.

    You get: The full set of lockups in one file, ready to compare side by side.

  6. 06

    Test small, test on color

    Put the logo on a favicon-sized frame, an app icon frame and a large frame in the same file, and look at all of them at once. Problems at small sizes show up while the mark is still cheap to change.

    Custom frame sizesSeveral sizes in one file

    YOU SAY

    Place the logo on a favicon-sized frame and an app icon frame, checking it stays legible at 32 pixels. Tell me which details disappear.

    You get: A row of sizes and a short list of what to fix in the path.

  7. 07

    Apply the brand and export

    Lay out a business card, a banner or a social avatar from the same tokens, then export what the client needs: SVG for the logo files, PNG for screens, PDF for documents. If something goes to print, ask the printer which format and specifications they want before you export.

    TokensExport SVG, PNG, PDF

    YOU SAY

    Lay out a business card and a 1080 by 1080 social avatar from the brand tokens, and export the logo as SVG in all three lockups.

    You get: Applications that prove the identity works, and the files to deliver.

USE CASES

Six jobs you can hand to your agent this week.

  • A mark from a brief

    You have a brief and a sketch and want to see the idea as clean paths before you invest in refining it.

    PROMPT Draw this mark as vector paths from my description: a loaf of bread whose crust line becomes a hill. Give me three variations with the same stroke weight.

    Result: Three editable starting points. You take one, or none, and redraw the details by hand.

    Pen toolVector paths

  • The lockup set

    Every client needs horizontal, stacked, icon-only and one-color versions, and the spacing rules must be the same in all of them.

    PROMPT Build horizontal, stacked, icon-only and one-color versions of the logo with the clear space equal to the height of the letter b. Put them on one frame.

    Result: A complete lockup set on one frame, with consistent spacing.

    Vector pathsTokensSeveral sizes in one file

  • Favicon and app icon

    The mark looks good big and turns to mush at 32 pixels.

    PROMPT Show the mark at 16, 32, 64, 180 and 512 pixels in a row. Flag the sizes where a detail disappears, and propose a simplified version for the smallest two.

    Result: A size ladder you can judge at a glance, and a simplified small version to refine.

    Custom frame sizesVector paths

  • A palette with contrast checked

    Three colors from the client's old materials need to become a working palette, with text that stays readable.

    PROMPT Create palette tokens from these three hex values. For every text and background pair you would use, show the contrast ratio and mark the ones that fail.

    Result: Tokens plus a table of pairs you can safely use.

    TokensLint

  • Business card and banner

    A logo is only half convincing until you see it on a card, a banner and a bag label.

    PROMPT Use the brand tokens to lay out a business card, a shop banner and a bag label for the bakery. Keep the logo clear space on all three.

    Result: Applications built from the same decisions as the mark, ready to show.

    TokensCustom frame sizesExport PNG, PDF

  • The client wants it warmer

    After approval, the client asks for a warmer green and a bolder name.

    PROMPT Change the primary color token to this warmer green and the wordmark weight to bold. List every place where contrast now fails.

    Result: One change reaches the mark and every application, and the problems are listed for you.

    TokensLintChange history

WHAT TO LOOK AT

The features that matter most to you.

  • Pen tool and vector paths

    The mark is real paths with editable points, so it can be refined and changed, not just exported.

  • Tokens for palette and type

    A brand decision lives in one place and every application follows it.

  • Tokens with light and dark modes

    The same mark can have a version for dark backgrounds without a second drawing.

  • MCP connection

    Your agent draws variants and applications in the file you are already working in.

  • Guidelines the agent must read

    The brief and the rules about the mark are applied to every variant without repeating them.

  • Custom frame sizes

    A favicon, an app icon, a card and a banner can sit side by side at the sizes they will be used.

  • Fonts

    Several families are bundled, more can be downloaded from a pinned catalog, and your own font files can be added.

  • Export as SVG, PNG and PDF

    You hand over the format the client or the next designer needs.

  • Change history and revert

    You can explore boldly with an agent because every change can be seen and undone.

  • Notes on layers

    A client's comment can sit on the exact part of the mark it is about, and the agent acts on it.

QUESTIONS

Straight answers.

Can I design a logo in Wonderblok?

Yes. Use the pen tool and vector editing to draw marks as editable paths, set colors and typefaces as tokens, and export as SVG, PNG or PDF.

Can AI draw a logo?

Your agent can draw shapes and paths on the canvas and produce variations of a mark you direct. Treat it as production help and a source of options; the choice of the mark stays with you.

Which file formats can I export?

PNG, SVG and PDF.

Can I use my own fonts?

Wonderblok bundles several families and can download more from a pinned catalog. Custom font files can be added to a file.

Is it a replacement for a full vector illustration app?

For marks, icons, lockups and brand applications it covers the work. Boolean path operations are limited today, so constructions that rely on subtracting and merging many shapes are slower here. Try your usual construction on a small mark first.

How much of the mark will the agent actually draw?

It can draw shapes and paths and produce variations of a direction you give it. The concept, the choice and the final refinement are yours. Most designers will use it for options, lockups, sizes and applications, and redraw the details that matter by hand.

What can I give the client?

Export SVG, PNG or PDF. Ask the client or their printer which formats and specifications they need before you export, and check the export against them. Wonderblok does not promise print-ready output on its own.

HONEST LIMITS

What to know before you start.

  • Wonderblok runs on macOS today. Windows, Linux and Android and iOS tablets are coming soon.
  • Boolean path operations are limited today; shapes are combined by drawing paths.
  • Check the delivery format your client or printer asks for before you export.

ALSO FOR

More in Design for a living and every other group on the Solutions page.

Try it on one real job.

Download for macOS and start on Free. Windows, Linux and tablets are coming soon. No card needed.

Get early accessSee pricing