+2
CONTRIBUTING.md
+2
CONTRIBUTING.md
···
39
39
40
40
#### [Figma Guide](https://lucide.dev/docs/figma-guide)
41
41
42
+
#### [Affinity Designer Guide](https://lucide.dev/guide/design/affinity-designer-guide)
43
+
42
44
### Submitting Multiple Icons
43
45
44
46
If you want submit multiple icons, please separate the icons and group them. That makes reviewing the icons easier and keep the thread clean and scoped.
+18
docs/guide/design/affinity-designer-guide.md
+18
docs/guide/design/affinity-designer-guide.md
···
1
+
---
2
+
title: Affinity Designer Template Guide
3
+
---
4
+
5
+
# Affinity Designer Template Guide
6
+
7
+
This guide describes how to use the Affinity Designer template for Lucide.
8
+
9
+
## General Workflow
10
+
11
+
>Attention: By default, Affinity Designer sets the unit for stroke to points. Make sure that it is set to pixel. To do this, open `Preferences > User Interface`. Under `Decimal Places for Unit Types`, uncheck `Show Lines in points`.
12
+
13
+
1. Download and open the [Affinity Designer template](https://github.com/lucide-icons/lucide/blob/main/docs/public/templates/affinity_designer.aftemplate).
14
+
2. Follow the [Icon Design Principles](icon-design-guide.md) while you use the template (to ensure integrity with the Lucide icon pack).
15
+
3. Export the file as SVG (`File > Export`). Make sure that _Rastering_ is set to _Nothing_, _Export text as curves_ is checked (hopefully, you won't need this), _Use hex colors_ is checked, and _Flatten transforms_ is checked.
16
+
17
+

18
+
4. Optimize the exported SVG file further with [SVGOMG](https://jakearchibald.github.io/svgomg/) or [`svgo`](https://github.com/svg/svgo) (using `svgo --multipass exported_icon.svg`).
docs/images/affinity-designer-export-options.png
docs/images/affinity-designer-export-options.png
This is a binary file and will not be displayed.
docs/public/templates/affinity_designer.aftemplate
docs/public/templates/affinity_designer.aftemplate
This is a binary file and will not be displayed.