FrameSketch

Product Introduction

1. Definition: FrameSketch is a client-side, browser-based video annotation and motion analysis software. It operates as a Progressive Web App (PWA) that allows users to draw, annotate, and leave notes directly on video frames with pixel-perfect synchronization.
2. Core Value Proposition: It exists to provide animators, VFX artists, and motion designers with a private, instant, and frame-accurate tool for sketching over reference footage. Its primary value is enabling detailed motion study and shot review without the latency, complexity, or privacy concerns of cloud-based video editors or traditional animation software suites.

Main Features

1. Frame-Accurate Canvas Synchronization: The drawing canvas is locked to the video decoder's output, ensuring every pen stroke is anchored to a specific video frame (e.g., frame 0247). This is achieved through a custom rendering engine that syncs the HTML5 Canvas API with the WebCodecs API or <video> element playback, eliminating canvas drift during scrubbing or frame-stepping.
2. Local-First Architecture with Optional Cloud Sync: All processing occurs client-side using JavaScript and WebAssembly. Video files are never uploaded; they are read directly from the user's local storage via the File System Access API. The optional cloud synchronization only transmits the tiny .fsk project file (containing vector stroke data, layer info, and annotations), not the source video, ensuring complete footage privacy.
3. Professional-Grade Annotation Toolkit: The software includes a suite of tools built for animation workflow: pressure-sensitive brushes (via Pointer Events API), configurable onion skinning (ghosting of previous/future frames), a non-destructive layer system, sticky notes, comment markers, and geometric guides/grids (isometric and rectangular). The "strokes stay put" feature means vector paths are committed to the project timeline immediately upon pen lift.

Problems Solved

1. Pain Point: It solves the inefficiency and imprecision of using separate software for video playback and image annotation (e.g., flipping between a video player and Photoshop). It specifically addresses the lack of affordable, dedicated tools for frame-by-frame motion analysis and sketching that respect user privacy.
2. Target Audience: Primary users are 2D/3D animators, storyboard artists, VFX compositors, and motion designers who need to analyze motion, plan arcs, mark up poses for colleagues, or sketch over reference videos for rotoscoping or style reference. Secondary users include directors and creative leads conducting remote shot reviews.
3. Use Cases: Essential for sketching weight and balance arcs over live-action reference, marking cleanup notes on animation frames for assistants, planning complex motion graphics movements, conducting frame-accurate shot reviews with pinned comments, and creating detailed storyboards directly over temp footage.

Unique Advantages

1. Differentiation: Unlike full animation suites (Toon Boom, Adobe Animate) which are bloated for simple annotation, or cloud-based video review tools (Frame.io, Vimeo Review) that require uploads and lack precise drawing tools, FrameSketch is a focused, private, and instantaneous hybrid. It offers the precision of professional software with the simplicity and privacy of a local desktop utility.
2. Key Innovation: The core innovation is its 100% client-side, frame-locked annotation engine. By leveraging modern web APIs to handle video decoding and vector drawing entirely in the browser, it delivers a desktop-app-like experience with zero install, zero upload wait time, and guaranteed data privacy. The proprietary .fsk file format efficiently packages all annotation data into a single, email-able file.

Frequently Asked Questions (FAQ)

1. Is FrameSketch really free and how does it make money? Yes, FrameSketch is completely free to use with no feature limitations. As an indie-developed tool, its current model is to provide value to the animation community. Future sustainability may involve optional paid features like advanced cloud storage or team management, but the core local-first annotation will remain free.
2. What video formats and codecs are supported by FrameSketch? FrameSketch supports common formats playable by your web browser, primarily H.264 codec within MP4, MOV, or M4V containers. It also supports WebM (VP8/VP9). The software does not re-encode video; compatibility depends on your operating system's and browser's built-in decoders. For guaranteed playback, H.264 MP4 is recommended.
3. Can I use FrameSketch offline or is an internet connection required? FrameSketch is a Progressive Web App (PWA) that can be installed for offline use. Once loaded in your browser and installed, the application itself runs offline. You only need an internet connection for the initial app load, to enable optional cloud sync features, or to share project files online.
4. How does FrameSketch protect my privacy and where is my data stored? Your privacy is protected by a strict local-first architecture. Your source video footage never leaves your computer—it is accessed directly from your hard drive. All drawing and annotation data is saved locally to your device in the .fsk project file. Optional cloud sync only ever transmits this small project file, never the video itself.
5. Can I collaborate with a team using FrameSketch? Collaboration is facilitated through the sharing of the lightweight .fsk project files. Team members can work on the same video file locally and exchange annotation files via email or cloud storage. The optional cloud sync feature can also keep annotation files updated across a team's devices, provided each member has access to the same source video file on their local machine.