Figma - Color and Fill
You want to create a button with a background color at 80% opacity and text fully opaque on top. How should you set opacity in Figma?
You want to create a button with a background color at 80% opacity and text fully opaque on top. How should you set opacity in Figma?
hard📝 Scenario Q8 of 15
Step-by-Step Solution
Solution:
Step 1: Understand opacity layering
Setting opacity on the group affects all children equally.Step 2: Apply opacity only to background
Set background rectangle opacity to 80%, keep text fully opaque at 100%.Final Answer:
Set the background rectangle opacity to 80% and text opacity to 100% -> Option DQuick Check:
Opacity on background only [OK]
Quick Trick: Apply opacity to background, not group, for layered transparency [OK]
Common Mistakes:
MISTAKES- Setting group opacity affects text too
- Making text semi-transparent
- Setting text opacity lower than background
Master "Color and Fill" in Figma
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Figma Quizzes