Design Editor: Text & Typography

Add text to your designs with customizable fonts, sizes, styles, and alignment. Create headings, paragraphs, and text boxes to communicate your message.

Accessing Text Tools

1. Click Text in the left sidebar
2. The Text panel opens
3. Choose a text type to add, or format selected text

Adding Text

The Text panel offers several text types:

Add a Textbox

A standard text box for general text:

1. Click Add a textbox
2. A text box appears on your canvas with “Add your text here”
3. Double-click to edit the text

Add a Heading

A large, bold heading for titles:

1. Click Add a heading
2. A heading appears with “Add a heading”
3. Double-click to edit

Add a Subheading

A medium-sized heading for subtitles:

1. Click Add a subheading
2. A subheading appears with “Add a subheading”
3. Double-click to edit

Add a Paragraph

A text box formatted for longer text:

1. Click Add a paragraph
2. A paragraph text box appears
3. Double-click to edit

Editing Text

Direct Editing

1. Double-click any text element to edit it directly
2. Type your new text
3. Click outside the text box or press Esc to finish editing

Selecting Text

• Click a text element to select it
• Click and drag to select multiple text elements
• Selected text shows handles for resizing

Formatting Text

When text is selected, format it using the Text panel:

Font Family

Choose from available fonts:

1. Select your text
2. Use the Font dropdown in the Text panel
3. Select a font family
4. The change applies immediately

Font Size

Adjust text size:

1. Select your text
2. Use the Size slider or +/- buttons
3. Drag the slider or click the buttons to adjust
4. Size is shown in pixels (px)

Text Alignment

Align text within its text box:

• Left - Align text to the left
• Center - Center text horizontally
• Right - Align text to the right

1. Select your text
2. Click an alignment button (Left, Center, Right)
3. Alignment applies to the entire text box

Text Styles

Apply text styles:

• Bold - Make text thicker and more prominent
• Italic - Slant text for emphasis
• Underline - Add a line under text
• Strikethrough - Add a line through text

1. Select your text
2. Click a style button to toggle it on/off
3. Multiple styles can be active at once

Changing Text Color

Text color is controlled by the Fill tool:

1. Select your text
2. Click Fill in the top toolbar
3. Choose a color from the color picker
4. The text color updates immediately

💡 Tip

Use the Fill tool to change text color. The Text panel focuses on typography (font, size, style), while Fill handles color.

Resizing Text Boxes

Resize text boxes like other elements:

1. Select the text box
2. Drag corner handles to resize
3. Text reflows automatically within the box
4. Hold Shift while dragging to maintain aspect ratio

Moving Text

1. Click and drag the text box to move it
2. Use arrow keys for precise positioning
3. Align with other elements using the grid

Rotating Text

1. Select the text box
2. Hover over the rotate handle (above the text box)
3. Click and drag to rotate
4. Hold Shift while rotating for 15-degree increments

Best Practices

• Choose Readable Fonts - Use clear, legible fonts for body text
• Limit Font Variety - Use 2-3 fonts maximum per design
• Size Hierarchy - Use different sizes to create visual hierarchy
• Contrast - Ensure text contrasts well with backgrounds
• Keep It Concise - Short, clear messages work best
• Use Headings - Break up content with headings and subheadings
• White Space - Leave enough space around text for readability
• Alignment - Align text consistently throughout your design

Tips

• Double-Click to Edit - Quickest way to edit text content
• Use Keyboard Shortcuts - Ctrl+B for bold, Ctrl+I for italic (when editing)
• Copy Formatting - Select formatted text, then add new text to match style
• Preview Sizes - Test different font sizes to find the best fit
• Layer Text - Stack text elements with different opacities for effects

Troubleshooting

Text Won’t Edit

• Make sure you’re double-clicking the text box
• Check that the text box is selected (shows handles)
• Try clicking outside and selecting again

Text Too Small/Large

• Use the Size slider in the Text panel
• Check your canvas zoom level (may affect appearance)
• Ensure you’re using appropriate font sizes for your canvas

Font Not Available

• Available fonts are limited to the selection in the dropdown
• Use web-safe fonts for best compatibility
• Custom fonts may not be available

Text Overflow

• Resize the text box to fit your content
• Reduce font size if needed
• Break text into multiple text boxes

What’s Next?

• Learn about Styling & Effects - Change text colors and apply effects
• Learn about Shapes - Add geometric shapes to your designs
• Learn about Saving & Exporting - Save and export your designs

---

Need help? Contact support or check out our other design editor guides.