Pencil UI/UX Design Guide

Create professional, user-centered designs in Pencil using the Pencil MCP server tools and proven UI/UX principles.

Available MCP Tools

Tool	Purpose
`get_editor_state`	Get current file, selection, and canvas context
`open_document`	Open or create a `.pen` file
`batch_get`	Find and read nodes by name pattern or ID
`snapshot_layout`	Get bounding boxes for every node
`find_empty_space_on_canvas`	Locate free canvas areas for new screens
`get_guidelines`	Load platform-specific design guidelines
`get_style_guide_tags`	See available style guide tags
`get_style_guide`	Load a style guide (colors, fonts, components)
`batch_design`	Create, update, copy, move, or delete nodes
`get_screenshot`	Render and inspect the visual result
`get_variables`	Read design tokens and theme values

Related skills