docs(contrib): add guide to design icons with Affinity Designer (#2262)

* docs(contrib): add guide to design icons with Affinity Designer

* feat(contrib): add Affinity Designer guide to contribution guidelines

authored by Naiyer Asif and committed by GitHub b4af6455 8f65b7e6

+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.
+4
docs/.vitepress/sidebar.ts
··· 117 117 text: 'Designing in Figma', 118 118 link: '/guide/design/figma-guide', 119 119 }, 120 + { 121 + text: 'Designing in Affinity Designer', 122 + link: '/guide/design/affinity-designer-guide', 123 + }, 120 124 ], 121 125 }, 122 126 ],
+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 + ![SVG export options in Affinity Designer](../../images/affinity-designer-export-options.png?raw=true) 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

This is a binary file and will not be displayed.

docs/public/templates/affinity_designer.aftemplate

This is a binary file and will not be displayed.