OpenCraftTools Free to use. No account needed. Download
09 / 14

Interface design · Early alpha

FigCraft online for ArtCraft interface design workflows

Use FigCraft online to explore interface design, auto layout, components and prototype handoff in a browser before installing the native app. Start with a small sample screen and verify font loading, local persistence, import, export and prototype playback on your device. OpenCraftTools serves the official static WebAssembly build without receiving your design file.

Official WebAssembly build

Try FigCraft online for UI design and prototypes

Target workflow: frames, auto layout, components and prototype checks

Package pending
  • Interface design screens
  • Auto layout and components
  • Prototype and handoff tests
FigCraft official Craft Apps workspace preview

Deployment status

The official WebAssembly package is configured but not installed on this server yet. The page will not silently redirect; run the documented deployment installer before enabling this workspace.

Deployment required

Install the FigCraft WebAssembly package first

This tool is designed to run inside an iframe served by OpenCraftTools. The official static package is configured, but it is not present in this deployment, so no external studio redirect is used.

On the server, run bash scripts/install_opencrafttools_web_studios.sh, then clear Laravel/view caches and reload this page.

Not installed

Build v0.5.1 · view the upstream release. The upstream browser page remains an optional, explicit fallback only.

Before you start

FigCraft online workflow and file-handling limits

  • OpenCraftTools does not upload, proxy, cache or retain your files, tokens or editing history.
  • The official WebAssembly package is configured but not installed in the current deployment, so the local iframe is unavailable until the deployment script completes.
  • Save or export before closing the editor; early WebAssembly builds can take a moment to download.

The local iframe is waiting for the pinned WebAssembly package to be installed. The external editor is not opened automatically until the package is ready.

A practical guide to FigCraft online

How to evaluate FigCraft online before you commit a real project

FigCraft online is most useful as a decision-making workspace. It lets you inspect the interface, load a safe sample and learn whether the browser path matches the way you actually work. That is a more honest promise than calling every WebAssembly build a complete desktop replacement. OpenCraftTools keeps the route, release label and upstream source visible so you can tell which part is the browser editor and which part is the surrounding documentation.

The right first session is deliberately small. Use the page to explore Interface design screens, Auto layout and components, Prototype and handoff tests, repeat Testing an interface idea before a desktop install, and note where the browser feels fast or constrained. If the interaction makes sense, move to Checking auto layout and component behavior in a browser. Only after import, editing, save or export and reopen have behaved as expected should you consider Reviewing prototype playback and export with a sample file. This order protects the original file and gives you evidence instead of a vague impression.

01 · Start with a canary

Choose a file that proves the workflow

Before opening FigCraft online, make a duplicate of a file that contains the feature you care about. A photo editor needs a layered sample, a vector editor needs real paths, a video editor needs a short clip with audio, and a document tool needs the headings, tables or images that tend to break during conversion. A tiny blank file can make any editor look reliable because it does not exercise the difficult path.

Keep the original outside the browser session. Record its dimensions, colour profile, fonts, frame rate or page size where those facts matter. Then compare the browser result with the original after export. This simple baseline is especially important for FigCraft, because a browser build can expose a different subset of the desktop project even when the interface looks familiar.

02 · Check the real loop

Import, edit, save, export and reopen

A useful FigCraft online test is a complete loop rather than a tour of buttons. Import the sample, perform one meaningful edit, undo it, perform it again, and then try the output action you would use in practice. Save or export before closing the tab, reopen the result and compare it with the source. If a step is unavailable, record that as a product boundary instead of working around it silently.

Pay attention to browser permissions, memory use, font substitution, media decoding and the time between an action and its visual response. The first load can be slower because the WebAssembly package is being fetched and compiled. Later actions may still become expensive when the document contains many layers, long timelines, large images or complex paths. A calm, repeatable test tells you more than a single successful click.

03 · Understand the boundary

Browser convenience is not desktop parity

FigCraft online runs inside a browser security and resource model. OpenCraftTools does not add an account, cloud history, server-side recovery or a hidden upload queue to this page. The browser editor may keep work in memory or in browser-managed storage, but you should not infer that a closed tab can be recovered. Export early, keep copies locally and clear sensitive material from a shared device when the session is finished.

Desktop builds may provide more complete file access, plug-ins, device integration, background processing or large-project performance. Browser builds are often better for a quick evaluation, a restricted computer, a classroom, a support conversation or a first look at a new tool. The useful question is not whether the two surfaces are identical; it is whether this browser path covers the next real step you need.

04 · Make the decision useful

Know when FigCraft online is enough

Choose the browser route when the task is small, the input is disposable and the output can be checked immediately. It is a good fit for Testing an interface idea before a desktop install, a quick interface or editing experiment, and a side-by-side comparison with a native release. It is less suitable for a long-running production file, irreplaceable media, a strict colour-managed delivery, a confidential document or any workflow that depends on a plug-in or device the browser cannot see.

For FigCraft, write down three decisions after the session: which input opened correctly, which operation felt dependable and which output survived a reopen. Link those notes to the upstream release page shown on this site. That record turns a browser visit into a small technical evaluation that another person can repeat.

Before you rely on it

A five-minute FigCraft online checklist

  1. Prepare a copy. Use a representative but non-sensitive file and keep the original on your device.
  2. Confirm the surface. Check the tool name, release label and whether the page is a self-hosted build or an upstream link.
  3. Exercise one feature. Choose the operation named in the target workflow rather than clicking randomly.
  4. Verify the output. Export, download or save, then reopen the result in the application you normally use.
  5. Choose the next step. Stay in the browser for a small task, or install the desktop release when scale, privacy or parity matters.

The short version: FigCraft online is a practical browser evaluation path, not a promise that every desktop feature is available in a tab. Start with a copy, test the complete file loop and keep the upstream source nearby. If the workflow passes those checks, the page has done its job: it helped you choose the right next step with less setup and fewer surprises.

FigCraft online use cases

  • Testing an interface idea before a desktop install
  • Checking auto layout and component behavior in a browser
  • Reviewing prototype playback and export with a sample file

FigCraft online FAQ

What can I test in FigCraft online?

Use a small interface file to inspect frames, auto layout, components, styles and prototype playback. Feature coverage and performance can differ from the native app, so verify the workflow you actually need.

Does OpenCraftTools store my FigCraft design?

No. The official WebAssembly editor runs on your device and this portal has no design upload, account or recovery service. Save or export a copy before closing the tab.

Can I use FigCraft online for a team handoff?

Treat the browser page as an evaluation workspace first. Test fonts, prototype links, export and any collaboration or live-session behavior with a disposable file before sharing a production design.