Launch your designs into Cavalry 🏹

Send art from Affinity/Figma to Cavalry in one click.

Demo

Quiver1-5-0Demo.mp4

Other features

• Import or paste SVGs from other software
• Supports editable text, embedded images, gradients, shadows, blurs and more
• Convert To Rectangle: create a rectangle from the bounding box of a selected layer
• Dynamic Align: Dynamically adjust the pivot point of a layer
• Flatten Shape: Flatten all selected shapes into one layer
• Horizontal/Vertical Text Alignment: Dynamically adjust horizontal/vertical text alignment
• Rename Layers: Renames all selected layers as [name] 1, [name] 2 etc.

Install

Important

Make sure you have a Cavalry project selected.

Cavalry

1. Copy the Quiver.jsc file into your Cavalry Scripts folder.
2. Select the Scripts menu and open Quiver.

Affinity

Tip

For colours and blend modes that match Affinity, use sRGB as Cavalry's working colour space (or leave Color Management off).

1. In Affinity, go to Settings > Scripting and turn on Enable Affinity Scripting.
2. Under Default Permissions, allow Access the file system and Access networks, then add your Desktop under File System Access.
3. Drag the Quiver for Affinity.afscripts file into your Affinity app.
4. Open Window > Scripting > Scripts Library and click Quiver for Affinity.

Figma

Open the Actions menu and search for Quiver.

Then, select a frame and click Fire Towards Cavalry.

Manual import

Otherwise click Paste to fire an SVG from your clipboard, or click Import to select a file.

See Preparing your SVGs to make sure your SVG files have the right settings.

Convert to Rectangle

Converts selected shapes to rectangles while preserving:

• Fill and stroke styling
• Opacity and blend modes
• Position and hierarchy

Dynamic Align

Automatically adjusts anchor points based on layer scale. Useful for maintaining alignment during animations

Flatten Shape

Flattens complex shapes into simpler editable paths.

Horizontal/Vertical Text Alignment

Automatically adjusts position of text when changing text alignment. Useful for maintaining position and original design.

Rename Layers

Batch rename selected layers. Eg. [name] 1, [name] 2 etc.

Manual import

(We recommend using the Figma Plugin above for full functionality)

Figma

1. Select the frame you want to export
2. Under Export in the side panel, select SVG
3. Click the 3 dots and ensure your settings match below:

• Include bounding box
• Include "id" attribute (this retains layer names)
• Simplify Stroke
• Outline Text
• Ignore overlapping layers

4. Export or copy your frame as SVG!

Affinity features

Feature name	Supported
Rectangles, ellipses, polygons, stars	✅ (as live shapes)
Curves and paths	✅
Live corners	✅
Artboards	✅ (as compositions)
Art and frame text	✅
Text styling (fonts, size, colour, tracking, leading)	✅
Variable fonts	✅ (limited)
Text on a path, filler text	✅ (outlined)
Text columns, table text	❌
Solid and gradient fills	✅
Multiple fills and strokes	✅
Fill layers	✅
Pattern fills	✅
Mesh, hatch and diffusion fills	❌
Strokes and dashes	✅
Pressure profiles	✅
Vector brushes	✅
Arrowheads	❌
Placed images	✅
Pixel and RAW layers	✅
Embedded documents	✅ (as an image)
Opacity and Transparency tool	✅
Blend modes	✅ (most)
Clipping and masks	✅
Shadows, glows, blur, colour and gradient overlay, outline	✅
Bevel and emboss	❌
Adjustments and live filters	✅ (most)
CMYK documents	✅

Figma features

Feature name	Supported
Rectangles <rect>	✅
Circles <circle>	✅
Ellipse <ellipse>	✅
Paths <path>	✅
Polygons <polygon>	✅
Lines <line>	✅
Polyline <polyline>	✅
Text <text>	✅
Text alignment	✅
Variable fonts	✅ (limited)
Emojis	✅
Tspan <tspan>	✅
Color	✅
Opacity	✅
Linear gradient	✅
Radial gradient	✅
Angular gradient	✅
Diamond gradient	✅
Strokes	✅
Stroke dashes	✅
Line caps	✅
Line joins	✅
Drop shadows	✅
Inner shadows	✅
Blur	✅
Images	✅
Patterns	✅
Blend modes	✅
Masks and clip paths	✅
Background blur	✅
Glass	✅ (Figma plugin)

Credits

Made possible by your friends in the Canva Creative Team.

Idea and main development by Jack Jaeschke. UI, icons and additional development assistance by Sam Mularczyk. Repo maintained by Phillip Tibballs, Jack Jaeschke and Sam Mularczyk. Made with Claude.

Feel free to open pull requests, dig through the code and use this to build your own tools. We release these freely to help further the Cavalry community!

License

MIT