# OpenPencil

## Docs

- [FigmaAPI](https://mintlify.wiki/open-pencil/open-pencil/api/figma-api.md): Figma Plugin API-compatible interface for scripting and tools
- [Layout API](https://mintlify.wiki/open-pencil/open-pencil/api/layout.md): Yoga-based flexbox layout engine for auto-layout frames
- [Core API Overview](https://mintlify.wiki/open-pencil/open-pencil/api/overview.md): OpenPencil core package API reference
- [SkiaRenderer API](https://mintlify.wiki/open-pencil/open-pencil/api/renderer.md): CanvasKit-based scene renderer with viewport culling and picture caching
- [SceneGraph API](https://mintlify.wiki/open-pencil/open-pencil/api/scene-graph.md): Scene graph data structure and node tree operations
- [Layout Operations](https://mintlify.wiki/open-pencil/open-pencil/api/tools/layout-operations.md): Tools for setting auto-layout, constraints, and sizing
- [Read Operations](https://mintlify.wiki/open-pencil/open-pencil/api/tools/read-operations.md): Tools for reading and querying design nodes
- [Style Operations](https://mintlify.wiki/open-pencil/open-pencil/api/tools/style-operations.md): Tools for setting fills, strokes, effects, and visual properties
- [Write Operations](https://mintlify.wiki/open-pencil/open-pencil/api/tools/write-operations.md): Tools for creating, deleting, and modifying nodes
- [analyze](https://mintlify.wiki/open-pencil/open-pencil/cli/analyze.md): Analyze design tokens, patterns, and consistency
- [eval](https://mintlify.wiki/open-pencil/open-pencil/cli/eval.md): Execute JavaScript with Figma plugin API
- [export](https://mintlify.wiki/open-pencil/open-pencil/cli/export.md): Render .fig files to PNG, JPG, or WEBP
- [find](https://mintlify.wiki/open-pencil/open-pencil/cli/find.md): Search for nodes by name or type
- [info](https://mintlify.wiki/open-pencil/open-pencil/cli/info.md): Show document statistics, node counts, and fonts
- [node](https://mintlify.wiki/open-pencil/open-pencil/cli/node.md): Show detailed node properties by ID
- [CLI Overview](https://mintlify.wiki/open-pencil/open-pencil/cli/overview.md): Headless .fig file operations without a GUI
- [pages](https://mintlify.wiki/open-pencil/open-pencil/cli/pages.md): List pages in a .fig file
- [tree](https://mintlify.wiki/open-pencil/open-pencil/cli/tree.md): Print the node hierarchy as a visual tree
- [variables](https://mintlify.wiki/open-pencil/open-pencil/cli/variables.md): List design variables and collections
- [Building the Desktop App](https://mintlify.wiki/open-pencil/open-pencil/desktop/building.md): Build instructions for OpenPencil desktop app on macOS, Windows, and Linux
- [Desktop App Overview](https://mintlify.wiki/open-pencil/open-pencil/desktop/overview.md): OpenPencil desktop application built with Tauri v2
- [Platform Requirements](https://mintlify.wiki/open-pencil/open-pencil/desktop/platform-requirements.md): Platform-specific prerequisites for building OpenPencil desktop app
- [AI Chat](https://mintlify.wiki/open-pencil/open-pencil/features/ai-chat.md): Natural language design automation with 75 built-in tools
- [Real-Time Collaboration](https://mintlify.wiki/open-pencil/open-pencil/features/collaboration.md): P2P multiplayer editing with WebRTC, Yjs CRDT, and local persistence
- [Component System](https://mintlify.wiki/open-pencil/open-pencil/features/components.md): Create reusable design elements with live sync between components and instances
- [Drawing Tools](https://mintlify.wiki/open-pencil/open-pencil/features/drawing-tools.md): Create and edit design elements with shapes, pen tool, text, auto-layout, and components
- [Figma File Format](https://mintlify.wiki/open-pencil/open-pencil/features/file-format.md): Understanding .fig file structure, Kiwi binary encoding, and import/export
- [Contributing](https://mintlify.wiki/open-pencil/open-pencil/guides/contributing.md): How to contribute to OpenPencil development
- [Figma Compatibility](https://mintlify.wiki/open-pencil/open-pencil/guides/figma-compatibility.md): Import Figma files, copy/paste between apps, and understand compatibility features
- [Keyboard Shortcuts](https://mintlify.wiki/open-pencil/open-pencil/guides/keyboard-shortcuts.md): Complete reference for OpenPencil keyboard shortcuts and hotkeys
- [Installation](https://mintlify.wiki/open-pencil/open-pencil/installation.md): Install OpenPencil on desktop or use the web app
- [Introduction](https://mintlify.wiki/open-pencil/open-pencil/introduction.md): Open-source, AI-native design editor. Figma-compatible, AI-first, fully local.
- [HTTP Transport](https://mintlify.wiki/open-pencil/open-pencil/mcp/http-transport.md): Run the OpenPencil MCP server as an HTTP service for scripts, CI, and custom integrations
- [Installation](https://mintlify.wiki/open-pencil/open-pencil/mcp/installation.md): Install and verify the OpenPencil MCP server
- [MCP Server Overview](https://mintlify.wiki/open-pencil/open-pencil/mcp/overview.md): Connect AI coding tools to OpenPencil for headless design file operations
- [Stdio Transport](https://mintlify.wiki/open-pencil/open-pencil/mcp/stdio-transport.md): Configure Claude Code, Cursor, and Windsurf to use the OpenPencil MCP server
- [Tools Reference](https://mintlify.wiki/open-pencil/open-pencil/mcp/tools-reference.md): Complete reference for all 75+ tools available in the OpenPencil MCP server
- [Quick start](https://mintlify.wiki/open-pencil/open-pencil/quickstart.md): Get started with OpenPencil in minutes