de048b4d21
New docs/user-guide/ section covering: canvas navigation, selection & manipulation, drawing shapes, text editing, pen tool, layers & pages, context menu, exporting, auto-layout, components, and variables. Each article includes Mac+Win/Linux shortcuts tables, cross-platform note, cross-links between related articles, and consistent structure. VitePress sidebar updated with User Guide as first group (12 entries).
1.5 KiB
1.5 KiB
| layout | title | description |
|---|---|---|
| doc | User Guide | Learn how to use OpenPencil — canvas navigation, drawing, text, components, auto-layout, and more. |
User Guide
OpenPencil is an open-source design editor with full .fig file compatibility. This guide covers everything you need to know to use the editor effectively.
::: tip Cross-platform shortcuts Throughout this guide, keyboard shortcuts use Mac notation: ⌘ = Command (Ctrl on Windows/Linux), ⌥ = Option (Alt), ⇧ = Shift. :::
Getting Around
- Canvas Navigation — panning, zooming, and the hand tool
- Selection & Manipulation — selecting, moving, resizing, rotating, and organizing nodes
Creating Content
- Drawing Shapes — rectangles, ellipses, lines, frames, sections, polygons, and stars
- Text Editing — creating and editing text with rich formatting
- Pen Tool — drawing vector paths with bezier curves
Organizing & Managing
- Layers & Pages — the layers panel, pages, and properties panel
- Context Menu — right-click actions for clipboard, grouping, components, and more
- Exporting — image export and .fig file operations
Advanced Features
- Auto Layout — flexbox-based automatic positioning with Yoga
- Components — reusable components, instances, and overrides
- Variables — design variables, collections, modes, and fill bindings