Back to Projects
Last reviewed

Space for an idea / Selected work

Infinite Idea

A browser-based documentation canvas with Salesforce-aware diagram blocks, metadata importers, reusable templates, and PDF, PNG, and SVG export.

Infinite Idea editorial concept artwork
Live web app
Concept artwork / Space for an idea

01 / The project

Behind the work.

Infinite Idea is a Next.js and tldraw application for building client-facing documentation on a freeform canvas. It combines general diagram blocks with Salesforce-specific shapes for objects, Apex classes, flows, permissions, and queries. Metadata importers turn supported Salesforce files or pasted data into canvas content. Work stays client-side: users download a versioned .infidoc.json file to resume later, or export finished documents to PDF, PNG, or SVG.

02 / Interactive studio / Illustrative demo

Give an idea some space.

Build a small process map.

01Brief
02Build
03Review

Build a tiny process map. The full application adds freeform editing, Salesforce blocks, and exports.

03 / The build

Details that matter.

01

Extended tldraw with 20 native blocks and six starter templates for process flows, roadmaps, org charts, and Salesforce documentation.

02

Added Salesforce metadata importers and structured editing for fields, members, permissions, and table cells.

03

Implemented client-side save/resume and PDF, PNG, and SVG export, with Vitest save-file tests and Playwright smoke tests.

Canvas

Next.js / React / TypeScript / tldraw

Documents

Salesforce Metadata Importers / Versioned JSON Saves / pdf-lib / PNG / SVG Export

Quality

Vitest / Playwright

Have a related challenge?

Let’s talk about your project.

Tell me what you are trying to build, who it is for, and what a useful result would look like.

Discuss a similar project