| Sketch for Mac is a professional vector design tool for digital products, encompassing interface design, interactive prototypes, component-based design systems, real-time team collaboration, and developer delivery. It is widely used for UI/UX design of apps, websites, icons, and various digital products.
### Features:
#### 一、专业矢量绘图
– Based on a vector graphics kernel, it allows scaling from single icons to entire app interfaces without losing quality.
– Offers preset vector shapes such as rectangles, ellipses, lines, arrows, triangles, stars, and polygons, along with the pen tool and freehand path.
– Supports non-destructive Boolean operations (union, subtract, intersect, difference), allowing for easy editing and rollback.
– Provides various vector anchor types, including straight, mirror, split, and asymmetrical, as well as specialized path tools like scissors, path offset, merge, reverse, and close.
– Pixel snapping is available to a whole pixel, half pixel, or quarter pixel level; corner radius control supports Squircle, angles greater than 90 degrees, and perfect capsules, and can achieve concentric corner radiuses.
– Supports mask layers and alpha masks, allowing text or borders to be converted into vector paths directly.
#### 二、现代化布局体系
– **Frames (Frames)**: A new container replacing traditional canvases, supporting infinite nesting, and allowing for styles such as fills, borders, and corner radiuses without needing additional background layers. It also sets constraints for content and stacking layouts, serving as the foundation for building interfaces and processes.
– **Graphics (Graphics)**: A dedicated container for fixed-size content that scales proportionally, suitable for designing icons and illustrations.
– **Stacks (Stacks)**: Equivalent to Auto Layout, allowing for dynamically resizing buttons and nested layouts that adapt to containers or content. It supports padding, alignment, distribution, automatic line breaks, percentage sizes, minimum/maximum sizes, negative spacing, and layer order.
– Supports pinning, automatic pinning, quick grid generation, layer organization, and uniform distribution, as well as visual alignment previews.
– Allows direct input of +, -, *, /, ^ mathematical operators in the Inspector to calculate dimensions and positions.
#### 三、丰富的视觉样式与特效
– Supports multiple fills (solid, linear/angled gradients, images, noise), multiple borders (separate settings for top/bottom/left/right borders, inner/center/outer positions, and dashed borders), and multiple projections and inner shadows.
– Includes glass, progressive blur (linear/radial, layer/background, multi-color), and one-click progressive transparency fade effects.
– Offers standard RGB, perceptual (Oklab), and vivid (Oklch) gradient interpolation methods, making color transitions more natural.
– Supports Gaussian, motion, zoom, and background blurs, as well as saturation adjustments, and various blending modes.
– The tinting feature allows for a single click to unify coloring for an entire group or component; layer styles can be saved and reused across documents.
#### 四、位图与图片处理
– Allows importing bitmap images and placing them like regular layers, with the ability to mask images with shapes.
– Includes color adjustments such as hue, saturation, brightness, and contrast, as well as selection tools like the lasso, magic wand, inverse, crop, and fill.
– Supports removing backgrounds from photos of people or objects.
– Multiple images can be dragged into the canvas to automatically arrange them in a grid or waterfall layout, and they can be quickly replaced.
– Allows compressing bitmap sizes to a custom resolution or resetting to the original size.
#### 五、设计系统与组件化
– **Symbols (Symbols)**: Converts layers into reusable components that update all instances when the main source is modified. Instances support text, images, nested components, and data overrides, with text overrides supporting Markdown-style bold, italic, and underline.
– **Shared Libraries (Libraries)**: Bundles components, layer styles, color variables, text styles, and framework templates for sharing across multiple documents and users. Supports enabling, disabling, replacing, and enabling libraries per document. Updates can be controlled by the designer and not automatically pushed.
– Manages color variables, text styles, and layer styles, and supports search and replace.
– The Components View consolidates various components and styles, and allows adding keywords for easy searching.
– The Command Bar supports large previews for quick insertion and replacement of various components.
– Fully supports variable fonts (Variable Fonts), OpenType features (alternative characters, ligatures), and right-to-left (RTL) language layout.
#### 六、原型与交互
– Creates playable high-fidelity prototypes within the same software, eliminating the need to switch between multiple tools.
– Supports various trigger methods such as clicks, hover, press, and taps, as well as hotspots, and the ability to hide or reveal layers.
– The Smart Animate feature controls easing curves and duration to achieve smooth transitions between interfaces.
– The Overlay feature allows simulating pop-ups, menus, and supports multiple layers, alignment, background fills, and external interactions.
– Supports creating horizontal, vertical, and multi-directional scrolling areas, and fixing layers for sticky or fixed positions.
– Allows setting multiple start points to test different flow branches, and accurately previewing prototype colors in a wide color gamut (Display P3).
#### 七、团队协作与评论
– Supports real-time collaborative editing of documents, allowing users to see each other’s cursors and follow other members’ positions on the canvas.
– Allows direct commenting and @mentioning of members, with comments supporting Markdown and emojis, and the comment panel unified for viewing, jumping, and marking resolved issues.
– The Workspace manages documents, folders, projects, members, and permissions, providing fine-grained permission control and single sign-on (SSO) for single sign-on.
– Share links can limit visibility to specific pages or prototype ranges, and the “My Drafts” folder can protect unpublished work.
#### 八、开发者交付(Handoff)
– Developers can view designs, check annotations, and download resources for free via a browser, without needing to purchase a subscription.
– Allows checking layers directly on the canvas, viewing complete layer lists, and measuring layer spacing.
– One-click copies color values (HEX, RGB, HSL, NSColor, UIColor, SwiftUI Color) and CSS style code.
– Allows exporting images in various sizes, formats, and naming rules, and can export comments as PDF or CSV.
– Supports exporting design tokens (Design Tokens): layer styles, text styles, color variables can be exported as CSS or JSON, and color tokens can generate live-synced links, bridging the design and development process.
#### 九、导出与格式兼容
– Supports exporting PNG, JPG, HEIC, TIFF, WebP, PDF, EPS, SVG, and other formats, with support for @2x, custom resolutions/widths, and multiple specifications per canvas.
– Supports drag-and-drop export, transparent pixel clipping, export previews, custom file name prefixes and suffixes, and exporting selected frames as PDFs with comments.
– Supports importing PNG, JPG, HEIC, TIFF, WebP, SVG, EPS, PDF, AI, PSD, and SVG code, among others.
#### 十、效率工具、扩展与生态
– Uses pages (Pages) and frames to organize content, and the Command Bar for quick component insertion, tool calls, actions, and plugins, with support for global document search and type-specific filtering.
– Provides batch renaming, cross-frame multiple pasting and replacing, smart copying, and rotating copying, as well as quick data filling for names, cities, and avatars.
– Supports dark mode, focus mode, context-aware toolbars, grid and layout reference lines, and customizable hiding of various interface elements.
– Offers a rich ecosystem of third-party plugins and integrations, including MCP Server for AI assistants and built-in Slack integration for rich text previews when sharing links.
– Comes with hundreds of free templates, frame presets, and component libraries, ready to use out of the box.
– In addition to desktop, it can be viewed, checked, commented, and exported in any browser, and prototypes can be played back on real devices for real-time mirroring.
Version 2026.3.1 Update Highlights:
This update includes all the major features from the Florence version, with enhanced compatibility for macOS 27 Golden Gate. It also includes several minor optimizations and bug fixes.
### Changes (1 item)
– The document window now uses the system-rounded style, aligning with the overall visual design of macOS.
### Fixes (4 items)
1. Fixed the issue where tool tips were blurry and cut off at the edges on macOS Golden Gate.
2. Fixed the issue where the “Rename Selected Layers” dialog box had the match bar text positioned too far to the left on macOS Golden Gate.
3. Fixed the issue where the canvas and document content would be blank when using the writing tool on macOS Golden Gate, and would only recover after exiting text editing mode.
4. Fixed the issue where nested components wouldn’t recognize the minimum width of internal text layers, causing the component to shrink to the width of the text itself, requiring a layout refresh to restore.
|
Ratings & reviews
No rating
Let’s rate it.