Fluent Data Viz

What it doesLets you create, customize, and live-edit donut charts and arc segments — with gradient fills that stay perfectly mapped to each slice.

Figma's angular gradients don't automatically follow arc geometry. When you adjust a slice's start or end angle, the gradient stays put, breaking the visual. Fluent Data Viz solves this by keeping gradient color stops in sync with each segment's arc, so your fills always look intentional.—Features🍩Create arcs and multi-segment donut charts with configurable start angle, end angle, segment count, gap angle, stroke width, and corner radius.

⚡ Live two-way editing — drag a segment directly on the canvas and adjacent segments adjust automatically. Edit values in the plugin panel and the canvas updates in real time.

🌈 Gradient-aware — angular gradient color stops are recalculated whenever a segment's arc changes, preserving your chosen colors while repositioning stops to match the new geometry.

🔒Locked / 🔓Unlocked end angle 📐 — lock the end angle so segments redistribute within a fixed range, or unlock it so adding sweep to one segment extends the total arc.

➕Multi-segment selection — select two or more segments and set them to an identical sweep in one action.

✏️ Per-segment sweep editing — type an exact percentage for any individual segment.⇿ Scrub inputs — click-drag on any numeric field for quick, precise adjustments (hold Shift for 10× steps).

⚙️User preferences — stroke width, segment count, gap angle, corner radius, and angle settings persist across sessions.

🛟Non-destructive — change a segment's fill to a solid color or a different gradient type and the plugin leaves it alone.