Source: Love Mac | Software download link: Phawuo for Mac
Phawuo for Mac is a powerful creative design software widely used in graphic design, interface prototyping, and digital art creation. Its intuitive interface and professional toolset make it a great helper for designers and creative professionals. This article will take an in-depth look at its core interface, complete workflow, and efficient usage tips.
I. Detailed Explanation of the Core Interface and Workspace
After launching Phawuo, you will see a clearly laid out, modular workspace, mainly divided into the following core areas:
- Top Menu Bar and Toolbar: Located at the very top of the window, it contains all main menu commands such as File, Edit, View, Object, and Text. Below it is a context-sensitive toolbar that dynamically changes based on the currently selected tool or object, providing the most relevant action buttons.
- Left Tool Panel: Vertically arranged core creation tools, such as the Selection Tool (V), Shape Tools (Rectangle R, Ellipse O, Pen P), Text Tool (T), Artboard Tool (A), Slice Tool (S), and more. Some tool icons have a small triangle in the lower-right corner, indicating that they contain a sub-toolset, which can be expanded by long-pressing or right-clicking.
- Right-side Properties Panel (Inspector): This is Phawuo’s core control area. The panel content updates in real time based on the currently selected object (such as shapes, text, or artboards) or the currently active tool, and is used to precisely adjust all properties of an object, including size, position, fill, stroke, shadow, opacity, and blend mode.
- Central Canvas Area: The largest central area is your main stage for design and creation. You can place and manipulate multiple artboards here, with each artboard representing an independent design page or output target.
- Left/Right Panel Groups: In addition to the default Properties panel, you can open the Layers panel, Symbols library, Color panel, Gradient panel, Alignment panel, and more via the “Window” menu, and dock them on the left and right sides as tabs to form a customized workspace.
II. Complete Workflow: From Creation to Export
1. Create or Open a Project
Step 1: Launch the software. Click the Phawuo icon in Launchpad or the Applications folder.
Step 2: Create a new document. In the launch window, click “New Document,” or use the shortcut Command + N. In the dialog that appears, you can choose a preset device size (such as iPhone or MacBook), or customize the canvas width, height, orientation, and color mode (RGB/CMYK).
Step 3: Open an existing project. In the startup window, click “Open,” or use the shortcut Command + O, select an existing Phawuo project file in the dialog (usually with a .phw extension), and open it.
2. Basic Design and Editing
Step 4: Add a canvas. Select the “Canvas Tool” (A) in the toolbar on the left, choose a preset size in the properties panel on the right, or drag directly on the canvas to draw a custom canvas. A single document can contain multiple canvases, making it easy to design for multiple screens or multiple states.
Step 5: Create graphics.
- Drawing shapes: Select tools such as Rectangle (R), Ellipse (O), and Rounded Rectangle, then click and drag on the canvas to draw. Hold the
Shiftkey to draw proportional shapes (such as a perfect circle or square). - Drawing paths: Select the Pen tool (P), click on the canvas to create anchor points, and click continuously to draw straight-line paths; click and drag to create curved anchor points. Hold the
Commandkey to temporarily switch to the Direct Selection tool (white arrow) to adjust anchor points.
Step 6: Edit object properties. Use the Selection tool (V) to click and select any object on the canvas, and the properties panel on the right will display all of its properties. You can:
- Adjust Fill: Click the fill color swatch to pick a color from the color panel, swatches, or using the eyedropper tool (I).
- Adjust Border: Toggle the border switch, set the color, thickness (stroke width), and style (solid, dashed).
- Adjust Size & Position: Enter values directly in the “Size” and “Position” fields in the properties panel, or drag the control handles of the object on the canvas (hold
Shiftto scale proportionally).
Step 7: Add and edit text.Select the Text tool (T), click on the canvas to create point text, or drag to draw a text box to create area text. After selecting text, you can change the font, size, tracking, leading, alignment, and text color in the properties panel.
3. Layer Management & Organization
Step 8: Use the Layers panel.Open the “Layers” panel via the “Window” menu (docked in the right panel group by default). All objects (including artboards, shapes, and text) are listed here in stacking order. You can:
- Click the eye icon to the right of a layer name to hide/show the layer.
- Drag layers to reorder them.
- Drag a layer onto another layer to create a group (or select them and press
Command + G). - Double-click the layer name to rename it and keep your project organized.
4. Export Your Work
Step 9: Choose what to export.You can export the entire artboard or specific objects/layers. To export specific objects, first select them with the Selection tool (V); to export the entire artboard, make sure no specific objects on the canvas are selected.
Step 10: Perform the export.
- Quick export: After selecting an object or the artboard, find the “Export” area at the bottom of the Properties panel on the right, click “+” to add an export preset (such as 1x, 2x, PNG, JPG, SVG), then click the “Export…” button and choose a save location.
- Export via menu: After selecting the content to export, click “File” in the menu bar -> “Export” -> “Selection…” (or “Artboard…”), or use the shortcut
Command + E. In the dialog that appears, set the format and resolution suffix, and choose a save location.
III. Advanced Tips for Common Features
- Boolean operations: Select two overlapping shapes at the same time, find “Pathfinder” (or Boolean operations) in the top toolbar or right-click menu, and use Union, Minus Front, Intersect, and Exclude to create complex graphics.
- Using masks: Place a shape (such as a circle) above an image, select both at the same time, right-click and choose “Make Clipping Mask” or press
Control + Command + M, and the image will be clipped to the outline of the shape below. - Style reuse: After setting fill, border, shadow, and other effects for an object, you can save it by clicking “Create New Style” in the “Appearance” area at the top of the properties panel on the right. It can then be applied to other objects with one click, ensuring design consistency.
- Smart alignment: After selecting multiple objects, use the alignment buttons in the top toolbar, or the “Align” panel (opened from the Window menu), to quickly perform left alignment, horizontal centering, evenly spaced distribution, and other operations.
- Copy styles directly: Select object A with the style already set, press
Command + Option + C, then select object B and pressCommand + Option + Vto copy and paste only the appearance style.
IV. Common Problems and Solutions
Q1: The canvas was accidentally zoomed in or panned. How can I quickly reset the view?
A: Double-click the “Hand Tool” (H) icon in the toolbar on the left to quickly center the canvas and zoom it to 100%. Alternatively, use the shortcut Command + 0 to fit all canvases to the window, and Command + 1 to zoom to 100%.
Q2: How can I move objects precisely or make fine adjustments?
A: After selecting an object, use the arrow keys on the keyboard (↑↓←→) to move the object in 1-pixel increments. If you hold down the Shift key at the same time, it moves in 10-pixel increments.
Q3: Why can’t I type Chinese when editing text?
A: This is usually an input method compatibility issue. Please try: 1) Make sure the system input method has been switched to Chinese mode; 2) In Phawuo’s “Preferences” (Phawuo -> Preferences), check the “Text” related options; 3) Temporarily switch to another text editor (such as TextEdit) to type Chinese and copy it, then return to Phawuo and paste it.
Q4: Why is the background of exported PNG images not transparent?
A: Please make sure: 1) “PNG” is selected as the format when exporting; 2) The “Transparent Background” option is checked in the export settings; 3) Your design content itself does not have an opaque background layer covering the lower layer.
V. Phawuo for Mac Keyboard Shortcuts Summary
| Function Category | Operation Description | Shortcut (Mac) |
|---|---|---|
| File Operations | New Document | Command + N |
| Open Document | Command + O | |
| Save Document | Command + S | |
| Save As | Command + Shift + S | |
| Export Selected Object/Artboard | Command + E | |
| Editing Operations | Undo | Command + Z |
| Redo | Command + Shift + Z | |
| Copy | Command + C | |
| Paste | Command + V | |
| Paste in Place | Command + Shift + V | |
| Cut | Command + X | |
| Select All | Command + A | |
| Deselect | Command + D | |
| Group | Command + G | |
| Ungroup | Command + Shift + G | |
| Tool Switching | Selection Tool | V |
| Artboard Tool | A | |
| Rectangle Tool | R | |
| Ellipse Tool | O | |
| Pen Tool | P | |
| Text Tool | T | |
| Hand Tool (Temporary) | Hold Spacebar | |
| Zoom Tool (Temporary Zoom In) | Command + Spacebar | |
| Zoom Tool (Temporary Zoom Out) | Command + Option + Spacebar | |
| View Controls | Zoom In | Command + + (Plus) |
| Zoom Out | Command + – (Minus) | |
| Zoom to 100% | Command + 1 | |
| Zoom to Fit Window | Command + 0 | |
| Show/Hide Rulers | Command + R | |
| Show/Hide Grid | Command + ‘ | |
| Object Operations | Bring to Front | Command + Shift + ] |
| Move Up One Layer | Command + ] | |
| Move Down One Layer | Command + [ | |
| Send to Back | Command + Shift + [ | |
| Lock Selected Object | Command + L | |








