FotoJet Designer is a graphic design software for Mac users, integrating a rich collection of templates, design tools, and asset resources, aimed at helping users quickly create various types of visual content such as social media images, posters, greeting cards, and banners. Its intuitive interface and template-based workflow make it very suitable for non-professional designers to create efficiently.
I. Detailed Explanation of the Core Interface and Workspace
After launching the software, the main interface is mainly divided into the following areas:
- Top Menu Bar and Toolbar: Includes standard menus such as File, Edit, and View, as well as icon buttons for commonly used tools (selection, text, shapes, upload, etc.).
- Left Panel:
- “Templates” Tab: Browse and select preset templates by category (social media, marketing materials, life, etc.).
- “Background” Tab: Provides solid color, gradient, and patterned backgrounds.
- “Upload” Tab: Used to import local images and video assets.
- “Text” Tab: Provides a library of various text styles such as artistic text, headings, and body text.
- “Graphics” Tab: Includes vector elements such as shapes, lines, icons, and illustrations.
- “Photos” Tab: Built-in large collection of royalty-free stock images.
- Central Canvas Workspace: Displays the current design project, where you can directly edit all elements. The canvas size is determined by the selected template or custom dimensions.
- Right-Side Properties Panel: This is a dynamic area. When you select different elements on the canvas (text, images, shapes, etc.), the corresponding detailed editing options will appear here, such as font, color, opacity, filters, layer order, and more.
- Bottom Layers Panel: Displays the stacking order of all elements on the canvas in a list format, where you can select, lock, hide, and adjust the layer order.
II. Complete Workflow from Creation to Export
Step 1: Create or Open a Project
Method A: Create from a Template (Recommended for Beginners)
- After launching the software, it will automatically enter the “Templates” selection screen.
- Select a category in the left panel (e.g., “Instagram Post”), and click on a template thumbnail you like in the central browsing area.
- The template will immediately load onto the central canvas. Simply replace the placeholder elements within it.
Method B: Create a Blank Project
- Click the menu bar “File” > “New”, or use the shortcut
Cmd + N. - In the pop-up dialog, choose from preset dimensions (e.g., A4, Facebook Cover), or enter custom width and height.
- Click “Create,” and a blank canvas is ready to go.
Method C: Open an existing project
Click the menu bar “File” > “Open” or press Cmd + O, then select a previously saved .fotojet file.
Step 2: Edit the design content
This is the core design phase. All editing is done by clicking to select an element on the canvas, then adjusting it in the properties panel on the right.
- Replace images: Click the placeholder image in the template, and a “Replace” button appears in the right panel. Click it to choose a new image from your uploads or the built-in library. You can also drag local images directly onto the canvas from the “Upload” tab on the left.
- Edit text: Double-click any text box on the canvas to enter text editing mode. In the right panel, you can change the font, size, color, spacing, alignment, and more. To add new text, click a style in the “Text” tab on the left, or use the “T” icon in the toolbar.
- Add graphic elements: From the “Graphics” or “Background” tabs on the left, drag your preferred shapes, icons, or backgrounds directly onto the canvas. Once selected, adjust properties such as fill color, border, and shadow in the right panel.
- Adjust element position and size: When an element is selected, control points appear around it; drag them directly to resize. Move the cursor inside the element and drag to reposition it. Use the keyboard arrow keys for fine-tuning.
- Manage Layers: In the bottom layers panel, drag layer items up or down to change the stacking order. Click the eye icon to hide/show, and click the lock icon to lock and prevent accidental changes.
Step 3: Save the Project
During editing, it is recommended to save the project file at any time so you can modify it later.
- Click the menu bar “File” > “Save” or press
Cmd + S. - The first time you save, you will be prompted to choose a location and name; the format is the software-specific
.fotojetfile. - In subsequent edits, press
Cmd + Sto quickly overwrite and save.
Step 4: Export the Final Work
After the design is complete, export the work as a universal image format.
- Click the “Export” button on the right side of the top toolbar, or use the menu bar “File” > “Export”.
- In the export settings window that pops up:
- Format: Choose JPG, PNG (supports transparent background), PDF, or TIFF.
- Quality (for JPG): Drag the slider to adjust file size and clarity.
- Size: You can choose “Original Size” or customize the scaling percentage.
- Click the “Export” button, choose a local storage path, and the final file will be generated.
III. Advanced Tips for Common Features
- Quickly Duplicate Elements: After selecting an element, press
Cmd + Cto copy, then pressCmd + Vto paste. A faster method is to hold theOptionkey while dragging the element to directly create a duplicate. - Precise Alignment: Select multiple elements (hold the
Shiftkey and click them one by one), and an “Align” tool group will appear in the properties panel on the right, allowing you to perform left alignment, center alignment, equal spacing distribution, and other operations. - Group Elements: After selecting multiple elements, right-click and choose “Group,” or press
Cmd + G. Grouped elements can be moved and scaled together, making it easier to manage complex designs. - Use Clipping Masks to Create Image Shapes: Place a shape (such as a circle) above an image, select both at the same time, right-click and choose “Create Clipping Mask,” and the image will only be displayed within the shape area.
- Quickly Apply Styles: After setting effects such as color and shadow for a certain text or shape, you can right-click it and choose “Copy Style.” Then select another element, right-click and choose “Paste Style” to quickly unify the style.
IV. Common Problems and Solutions
- Problem 1: The software runs slowly or responds sluggishly
-
- Possible Causes: The design file is too large (contains too many high-resolution images); insufficient available memory on the Mac.
- Solution: Try appropriately reducing the size of larger images on the canvas; close other applications that are using a large amount of memory; restart FotoJet Designer.
- Issue 2: Exported images are blurry and unclear
-
- Possible cause: The size or quality set during export is too low; the original design canvas size is too small.
- Solution: When exporting, make sure to select “Original Size” and set high quality (e.g., JPG quality above 90%); when starting a project, choose a canvas size large enough based on the final use (e.g., 300 DPI is required for printing).
- Issue 3: Unable to find a specific font
-
- Possible cause: The font used in the template is not installed on your Mac system.
- Solution: Select the text box using that font. In the font list on the right, the software will usually mark missing fonts and recommend similar fonts for replacement. You can also manually select other installed fonts.
- Issue 4: How to undo after a mistaken operation
-
- Solution: Immediately use the shortcut
Cmd + Zto undo. You can press this shortcut multiple times to undo multiple steps. To redo, useCmd + Shift + Z.
- Solution: Immediately use the shortcut
V. FotoJet Designer for Mac Shortcuts Summary
| Function | Shortcut (Mac) | Description |
|---|---|---|
| New File | Cmd + N |
Create a new design project |
| Open File | Cmd + O |
Open an existing project |
| Save File | Cmd + S |
Save the current project |
| Save As | Cmd + Shift + S |
Save the project as a new file |
| Copy | Cmd + C |
Copy the selected element |
| Paste | Cmd + V |
Paste clipboard contents |
| Cut | Cmd + X |
Cut the selected element |
| Undo | Cmd + Z |
Undo the previous action |
| Redo | Cmd + Shift + Z |
Redo the undone action |
| Select All | Cmd + A |
Select all unlocked elements on the canvas |
| Delete | Delete |
Delete the selected element |
| Group | Cmd + G |
Group the selected elements |
| Ungroup | Cmd + Shift + G |
Ungroup the selected group |
| Zoom In Canvas | Cmd + Plus (+) |
Zoom in the view |
| Zoom Out Canvas | Cmd + Minus (-) |
Zoom out the view |
| Fit to Screen | Cmd + 0 |
Scale the canvas to fit the window size |
| Actual Size | Cmd + 1 |
View the canvas at 100% scale |
| Move Layer Up | Cmd + ] |
Move the selected element up one layer |
| Move Layer Down | Cmd + [ |
Move the selected element down one layer |
| Bring to Front | Cmd + Shift + ] |
Move the selected element to the top layer |
| Send to Back | Cmd + Shift + [ |
Move the selected element to the bottom layer |
Tip: Mastering the above shortcuts can greatly improve your efficiency when working in FotoJet Designer. It is recommended to start practicing with the most commonly used ones: New, Save, Copy & Paste, and Undo/Redo.








