Figma - Color and FillYou want to create a radial gradient that fades from red at the center to transparent at the edges. How should you set the color stops?ASet first stop red at 50%, second stop transparent at 0%BSet first stop transparent at 0%, second stop red at 100%CSet both stops to red with full opacityDSet first stop red at 0%, second stop red with 0% opacity at 100%Check Answer
Step-by-Step SolutionSolution:Step 1: Define gradient fade from center to edgeCenter color is red fully opaque at 0%, edge color is red fully transparent at 100%.Step 2: Match stops to desired effectSet first stop red at 0%, second stop red with 0% opacity at 100% correctly sets red at center and transparent red at edge for fade effect.Final Answer:Set first stop red at 0%, second stop red with 0% opacity at 100% -> Option DQuick Check:Fade uses opaque center to transparent edge [OK]Quick Trick: Use opacity 0% at edge for fade out [OK]Common Mistakes:MISTAKESReversing transparent and opaque stopsUsing transparent color at centerSetting stops at wrong percentages
Master "Color and Fill" in Figma9 interactive learning modes - each teaches the same concept differentlyLearnWhyDeepSheetTryChallengeScenarioRecallDash
More Figma Quizzes Color and Fill - Solid fills - Quiz 15hard Figma Basics and Design Tool Concepts - Figma vs Sketch vs Adobe XD - Quiz 2easy Frames and Layout - Frame nesting - Quiz 7medium Frames and Layout - Grid and column layout - Quiz 6medium Frames and Layout - Constraints for responsive behavior - Quiz 11easy Shape Tools and Drawing - Line and arrow tools - Quiz 3easy Shape Tools and Drawing - Line and arrow tools - Quiz 6medium Typography - Text tool basics - Quiz 3easy Typography - Text alignment and vertical alignment - Quiz 12easy Typography - Google Fonts integration - Quiz 9hard