openpencil

SemianiakaVY/openpencil

Fork 0

Commit graph

Author	SHA1	Message	Date
Danila Poyarkov	b4c7700f05	Decode/encode Figma vectorNetworkBlob binary format Reverse-engineered the undocumented binary blob format that Figma uses to serialize vector networks in both .fig files and clipboard data: Header: [numVertices:u32, numSegments:u32, numRegions:u32] Vertex: [styleOverrideIdx:u32, x:f32, y:f32] Segment: [styleOverrideIdx:u32, start:u32, tsX:f32, tsY:f32, end:u32, teX:f32, teY:f32] Region: [windingRule:u32, numLoops:u32, {numSegs:u32, segIdx...}...] - decodeVectorNetworkBlob() and encodeVectorNetworkBlob() in vector.ts - Clipboard paste (Figma → OpenPencil) resolves blob references - Clipboard copy (OpenPencil → Figma) encodes blobs into the message - .fig file import resolves vectorNetworkBlob references from blobs array	2026-02-28 07:14:17 +03:00
Danila Poyarkov	bf054e386b	Pen tool with vector network model Full Figma-compatible vector network: vertices, segments (cubic bezier with tangent offsets), and regions (filled closed paths). Pen tool interaction: - Click to place vertices, click+drag to set bezier tangent handles - Click first vertex to close path (with visual highlight) - Enter to commit open path, Escape to cancel - Preview line from last vertex to cursor - Tangent handle visualization (lines + control points) Rendering: - Vector nodes rendered via CanvasKit Path API - Converts vector network to path: regions as closed fills, segments as open strokes - Proper cubic bezier from tangentStart/tangentEnd offsets Data model: - VectorNetwork, VectorVertex, VectorSegment, VectorRegion types - vectorNetwork field on SceneNode (nullable) - computeVectorBounds for node sizing - HandleMirroring enum for future handle behavior	2026-02-28 06:37:25 +03:00

Author

SHA1

Message

Date

Danila Poyarkov

b4c7700f05

Decode/encode Figma vectorNetworkBlob binary format

Reverse-engineered the undocumented binary blob format that Figma uses
to serialize vector networks in both .fig files and clipboard data:

  Header:  [numVertices:u32, numSegments:u32, numRegions:u32]
  Vertex:  [styleOverrideIdx:u32, x:f32, y:f32]
  Segment: [styleOverrideIdx:u32, start:u32, tsX:f32, tsY:f32, end:u32, teX:f32, teY:f32]
  Region:  [windingRule:u32, numLoops:u32, {numSegs:u32, segIdx...}...]

- decodeVectorNetworkBlob() and encodeVectorNetworkBlob() in vector.ts
- Clipboard paste (Figma → OpenPencil) resolves blob references
- Clipboard copy (OpenPencil → Figma) encodes blobs into the message
- .fig file import resolves vectorNetworkBlob references from blobs array

2026-02-28 07:14:17 +03:00

Danila Poyarkov

bf054e386b

Pen tool with vector network model

Full Figma-compatible vector network: vertices, segments (cubic
bezier with tangent offsets), and regions (filled closed paths).

Pen tool interaction:
- Click to place vertices, click+drag to set bezier tangent handles
- Click first vertex to close path (with visual highlight)
- Enter to commit open path, Escape to cancel
- Preview line from last vertex to cursor
- Tangent handle visualization (lines + control points)

Rendering:
- Vector nodes rendered via CanvasKit Path API
- Converts vector network to path: regions as closed fills,
  segments as open strokes
- Proper cubic bezier from tangentStart/tangentEnd offsets

Data model:
- VectorNetwork, VectorVertex, VectorSegment, VectorRegion types
- vectorNetwork field on SceneNode (nullable)
- computeVectorBounds for node sizing
- HandleMirroring enum for future handle behavior

2026-02-28 06:37:25 +03:00

2 commits