Goodnotes

Productivityby Goodnotes Limited

Launched Feb 19, 2026 on ChatGPTLaunched Mar 30, 2026 on Claude

Goodnotes instantly converts AI conversations into editable Goodnotes files. Create custom vector graphics and illustrations from SVG code for freeform drawings, icons, logos, and artistic designs. Generate structured diagrams from Mermaid syntax including flowcharts, mindmaps, and timelines. Render markdown content as beautifully formatted rich text documents. Whether you've got text, flowcharts, or images, move your ideas from the chat to the page to refine, annotate, and share in the Goodnotes app.

3ChatGPT Tools

3Claude Tools

Goodnotes LimitedDeveloper

ProductivityCategory

Use Cases

productivity

Available Tools

Markdown Widget

create_markdown_text_document

Full Description

Render markdown content as beautifully formatted rich text in an interactive Goodnotes widget. Supports headings, lists, code blocks, tables, and more. Use this to present any text content the user wants to see formatted, save, or share. "show this as markdown", "format this text", "create a document", "save these notes", or any request involving structured text display.

Parameters (2 required)

Required

rawMarkdownstring

The raw markdown text to save.

titlestring

A short title of the markdown.

Draw Notes Widget

draw_svg_image

Full Description

Creates custom vector graphics and illustrations from SVG code. Use for freeform drawings, icons, logos, custom shapes, artistic designs, precise geometric patterns, or when user needs pixel-perfect control over visual elements. "draw an image", "create an icon", "design a logo", "make a custom graphic", or needs specific visual styling not suited to standard diagrams. Choose this over Mermaid when the user wants artistic/custom graphics rather than structured diagrams. Supports an optional background object: choose a color (white by default; use black when the user asks for dark mode; yellow also supported) and a pattern (blank, dotted, or squared; defaults to dotted). Use only these literal color names—no aliases or hex codes.

Parameters (2 required, 1 optional)

Required

svgCodestring

SVG code to render. Ensure the generated SVG looks realistic. Ensure no SVG element includes duplicate attributes. Do not add a background color to the SVG unless it is explicitly stated to do so. Unless otherwise specified, when drawing a standard object, list out all components one by one in the objects from background to foreground, and then specify the positions numerically for each component based on its real-world layout. When the user provides an insufficiently detailed description of the drawing, first generate a structured and context-aware description of the objects within the scene. Then, based on this refined description, synthesize an accurate and coherent drawing representation that aligns with the inferred details. Only static shapes, lines, and text are supported. Do not use linearGradient, radialGradient, pattern elements, or CDATA in the SVG. Never use `rotation` in `transform` attribute in the SVG. All color values must be specified as hexadecimal codes (e.g., #RRGGBB). Ensure all tags are properly closed. When you generate SVG, ALWAYS include these namespaces in the root element of SVG: "<svg xmlns="http://www.w3.org/2000/svg" xmlns:gn="http://www.goodnotes.com/gn-svg" />" Escape special characters in text content (<, >, &, ", '). Always include explicit numeric width and height attributes (>= 1) and/or a non-zero viewBox so the SVG has measurable bounds.

titlestring

A short title describing the SVG content.

Optional

backgroundobject

Optional background specification shared by SVG and Mermaid outputs. Colors allowed: white (default), black (use when the user asks for dark mode), yellow. Use only these literal names; do not use aliases such as dark/night or other color strings. Patterns allowed: blank, dotted, squared (defaults to dotted).

Draw Notes Widget

generate_mermaid_diagram

Full Description

Creates visual diagrams from Mermaid syntax. Supports three diagram types: flowcharts (process flows, decision trees, workflows), mindmaps (hierarchical ideas, brainstorming, concept maps), and timelines (chronological events, project milestones, histories). "create a flowchart", "visualize the process", "show the workflow", "make a mindmap", "brainstorm ideas", "map concepts", "create a timeline", "show events over time", or describes structured visualization needs. Choose this over SVG when the user wants a structured diagram rather than freeform graphics. Supports an optional background object: choose a color (white by default; use black when the user asks for dark mode; yellow also supported) and a pattern (blank, dotted, or squared; defaults to dotted). Use only these literal color names—no aliases or hex codes.

Parameters (3 required, 2 optional)

Required

diagramTypestring

Mermaid diagram type. Must be one of: flowchart, mindmap, timeline.

Options:flowchartmindmaptimeline

mermaidCodestring

Mermaid markup for the requested diagram type. Labels must use safe characters (letters, numbers, spaces, basic punctuation). ALL labels must be wrapped in quotes or brackets: use A["Label text"] or A("Label text") format. Use <br/> for line breaks and HTML entities (&, <, >, ") for special symbols. Avoid backticks, unescaped quotes, and hash signs. Do not embed external assets, scripts, or unsupported diagram keywords. Content must be valid Mermaid syntax for the selected type.

titlestring

A short title describing the Mermaid diagram.

Optional

backgroundobject

themeobject

Optional Mermaid rendering theme. Provide color and shade values to override the default (classic + light). Supported colors: classic, gray, lines. Supported shades: light, dark.

Links

Website Privacy Policy Terms of Service