8. Fills, strokes, effects and appearance

ID	Requirement	P	Type	Ver.	M
STY-1	Nodes shall have a list of fills. Solid, linear, radial, angular (conic) and diamond gradients, and image; each with its own opacity, blend mode and visibility; reorderable.	Must	functional	test	0.2
STY-2	Gradients shall be edited on the canvas. Drag endpoints and stops on the node; add stops by clicking the line; colour, position and opacity per stop.	Must	functional	test	0.2
STY-3	Image fills shall have scale modes and adjustments. Must: fill, fit, crop (with a crop rectangle) and tile (with scale); rotation; exposure and contrast. Should (same milestone, not gating): saturation, temperature, tint, highlights, shadows.	Must	functional	test	0.2
STY-4	A colour picker shall cover the needs of UI design. Must: HEX, RGB, HSL, HSB and OKLCH input; opacity; eyedropper (I) over the canvas; document colours; variables and styles in the same picker. Should: a P3 wide-gamut document colour profile as a setting (needs colour management the renderer does not have yet).	Must	functional	test	0.2
STY-5	Nodes shall have a list of strokes. Same paint types as fills; weight (per side for frames and rectangles), alignment (inside, centre, outside), dash and gap pattern, caps (none, round, square, arrow lines, arrow equilateral, triangle, circle, diamond), joins (miter, bevel, round) and miter limit.	Must	functional	test	0.2
STY-6	Effects shall include shadows and blurs. Drop shadow and inner shadow (x, y, blur, spread, colour, blend mode, “show behind transparent areas”), layer blur and background blur; multiple effects in order.	Must	functional	test	0.2
STY-7	Layer opacity and blend modes shall be applied as in Figma. Pass through (groups), normal, darken, multiply, colour burn, lighten, screen, colour dodge, overlay, soft light, hard light, difference, exclusion, hue, saturation, colour, luminosity.	Must	functional	test	0.2
STY-8	Frames shall clip content optionally. “Clip content” per frame; clipping respects corner radius.	Must	functional	test	0.1
STY-9	Progressive blur and noise/texture effects could be supported. As in current Figma.	Could	functional	demonstration	backlog