Letter spacing and paragraph spacing in Figma - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Understanding Letter Spacing in Dashboard Text

In a BI dashboard, why is adjusting letter spacing important for text labels?

A It improves readability by controlling space between characters.

B It changes the font color automatically.

C It adjusts the size of the text box container.

D It adds bullet points to the text.

💡 Hint

Think about how letters appear close or far apart in a word.

Letter spacing controls the space between characters, making text easier or harder to read depending on the setting.

🧠 Conceptual

intermediate

Role of Paragraph Spacing in BI Reports

What is the main purpose of paragraph spacing in BI report text blocks?

A To add space between separate paragraphs for clarity.

B To add space between lines of text within a paragraph.

C To change the font style of the paragraph.

D To insert images between paragraphs.

💡 Hint

Consider how paragraphs are separated visually.

Paragraph spacing adds space between paragraphs, helping users distinguish different sections of text.

❓ visualization

advanced

Choosing Letter Spacing for Dashboard Titles

You have a dashboard title that looks crowded. Which letter spacing setting improves readability without wasting space?

A Set letter spacing to -0.05em to tighten letters.

B Set letter spacing to 0.5em to spread letters widely.

C Set letter spacing to 0em to keep default spacing.

D Set letter spacing to 0.1em to slightly space letters.

💡 Hint

Think about subtle spacing that improves clarity but keeps compactness.

A small positive letter spacing like 0.1em gently separates letters, improving readability without wasting space.

🎯 Scenario

advanced

Adjusting Paragraph Spacing for BI Report Sections

You notice that paragraphs in your BI report are too close, making it hard to separate ideas. What paragraph spacing value should you increase?

A Increase space before paragraphs only.

B Increase both space before and after paragraphs.

C Increase space after paragraphs only.

D Increase line height within paragraphs.

💡 Hint

Think about spacing that separates paragraphs clearly on both sides.

Increasing both space before and after paragraphs creates clear separation between blocks of text.

🔧 Formula Fix

expert

Fixing Letter Spacing Issue in Figma Text Component

You set letter spacing to 20 in Figma but the text looks broken and letters are too far apart. What is the likely cause?

A Letter spacing value is too large and should be smaller or positive but less than 10.

B Letter spacing value is in pixels but Figma expects em units.

C Letter spacing value is too large and should be smaller or positive but less than 5.

D Letter spacing value is too large and should be smaller or negative.

💡 Hint

Consider typical letter spacing ranges in design tools.

In Figma, letter spacing is usually set in pixels, but very large values like 20 cause excessive spacing between letters. Values less than 5 are typical for good spacing.