Skip to content

Commit 430fe7c

Browse files
authored
docs(readme): add instruction for publishing an icon in Figma
1 parent 4b3a755 commit 430fe7c

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

README.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -110,6 +110,19 @@ npm run test:nuget
110110

111111
All icons and spots are pulled directly from Figma via their API. The _only_ way to add or update icons is by directly modifying the [source Figma file](https://www.figma.com/file/NxAqQAi9i5XsrZSm1WYj6tsM) and then publishing a new component release from within Figma.
112112

113+
#### Publishing an icon
114+
115+
In order to expose a new icon to this repository, you'll need to convert it into a component then publish it by following these steps:
116+
117+
1. Open the [source Figma file](https://www.figma.com/file/NxAqQAi9i5XsrZSm1WYj6tsM)
118+
2. Navigate to the newly added icon. Note the absense of the segmented diamond icon next to the icon name.
119+
3. Right click on the icon to open the context menu and select "Create component"
120+
4. Right click on the icon again to reopen the context menu and select "Main Component > Publish selected components"
121+
5. Within the "Publish libray" modal, select the icon(s) you'd like to publish
122+
6. Click "Publish"
123+
124+
#### Adding a published icon to this library
125+
113126
In order to ensure that any new icons/spots in Figma are pulled into this repo, the definitions will need to be added to `scripts/definitions.ts`:
114127

115128
```ts

0 commit comments

Comments
 (0)