Figma - Color and FillIf a rectangle has opacity set to 30% and a blue fill color, what will be the visual effect on a white background?AThe rectangle appears whiteBThe rectangle appears as a light blue transparent shapeCThe rectangle appears fully blue and opaqueDThe rectangle is invisibleCheck Answer
Step-by-Step SolutionSolution:Step 1: Understand opacity effect on colorOpacity reduces the color's visibility by making it transparent.Step 2: Apply 30% opacity on blue fillBlue color will show but faintly, blending with white background.Final Answer:The rectangle appears as a light blue transparent shape -> Option BQuick Check:Low opacity = lighter, transparent color [OK]Quick Trick: Lower opacity means color looks lighter and see-through [OK]Common Mistakes:MISTAKESThinking opacity changes the fill color itselfAssuming 30% opacity means mostly opaqueConfusing opacity with brightness
Master "Color and Fill" in Figma9 interactive learning modes - each teaches the same concept differentlyLearnWhyDeepSheetTryChallengeScenarioRecallDash
More Figma Quizzes Color and Fill - Multiple fills on one element - Quiz 4medium Figma Basics and Design Tool Concepts - Why Figma is the industry standard - Quiz 1easy Figma Basics and Design Tool Concepts - Browser-based vs desktop app - Quiz 12easy Figma Basics and Design Tool Concepts - Figma vs Sketch vs Adobe XD - Quiz 8hard Frames and Layout - Device-specific frames (mobile, desktop, tablet) - Quiz 4medium Images and Effects - Background blur - Quiz 1easy Shape Tools and Drawing - Corner radius and smoothing - Quiz 4medium Typography - Auto-width vs auto-height text - Quiz 14medium Typography - Text decoration and case - Quiz 7medium Typography - Font size and line height - Quiz 4medium