Figma to Rive (Unofficial)

About this plugin

Figma to Rive (Unofficial) lets you move designs from Figma to Rive without losing editable text.Instead of exporting SVGs that turn every word into outlines, the plugin copies your selection as clean SVG markup with live text preserved. This gives you a faster, higher fidelity workflow when building motion graphics or interactive content in Rive.What is supported?Vector paths and shapes (rectangles, ellipses, polygons, lines, booleans are flattened to paths)Solid fills plus linear/radial gradients and opacityStrokes with width, caps, joins, and miter limits (uniform strokes)Basic transforms (position, rotation, scale), grouping, and simple single-layer clipping masksArtboard/group hierarchy depth that maps cleanly to SVG `` groupsGoogle Fonts referenced in text layers (imports as long as the font is available in Rive)Partially supportedDashed strokes or variable-width strokes can be expanded to solid paths or lose dash patternsNested or compound clipping masks can invert or flatten unexpectedlyText exports as `` nodes; Rive drops most font styling, so alignment, spacing, and paragraph settings frequently change or are lost (outline text if layout must stay exact)Shadows/inner shadows export as SVG filters; Rive usually omits filters, so shapes render without those effectsComponent/instance metadata, constraints, and autolayout information are not represented in SVGNot supportedBackground blur and layer blur (flatten to raster if needed)Blend modes beyond Normal on layers/groupsImage fills or embedded rasters (`` tags)Figma text layout features such as alignment, lists, and truncation (convert to outlines or rebuild text in Rive)Tips for best resultsKeep strokes and fills simple; avoid dash patterns and advanced stroke profilesFlatten complex masks or effects before exportConvert text to outlines when fidelity matters, or plan to recreate text directly in Rive