Skip to content

Commit

Permalink
chore: update screenshots and readme
Browse files Browse the repository at this point in the history
  • Loading branch information
cyberalien committed Oct 22, 2024
1 parent 69dc082 commit a0218a1
Show file tree
Hide file tree
Showing 8 changed files with 14 additions and 3 deletions.
17 changes: 14 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,16 @@ Plugin has completely new UI.
Many Figma users have small monitors, plugin takes precious space.
UI has been re-designed to fit as much information as possible in a small plugin window.

### Redesign attempt 2

Initial redesign was a failure. It resulted in very bad UX, making things worse.

New version of plugin was live for only 3 days before it was restored to old version.

So after many months of hard work, UI has been redesigned again.

Screenshots below show new redesigned UI, not initial mess.

### Icon sets

![Iconify for Figma - icon sets](https://iconify.github.io/iconify-figma/samples/icon-sets.png)
Expand All @@ -46,8 +56,7 @@ Icon sets list is shorter, but offers a lot more:
- Hints when you hover icon set, showing various details, including extended license information.
- Favorite and recent icon sets. You can mark any icon set as favorite to access it quicker.
- Advanced filters. You can filter icon sets by category, grid, license, license details.

![Iconify for Figma - icon sets filters](https://iconify.github.io/iconify-figma/samples/filters.png)
- Custom lists of icon sets.

### Icon set

Expand All @@ -56,9 +65,9 @@ Icon sets list is shorter, but offers a lot more:
Icon set page now has:

- Advanced license details: attribution, commercial use.
- You can add icon set to favorite icon sets list to quickly access it.
- Scrolling for icons. No more pagination (though it is available if you prefer to click pages).
- You can select multiple icons. To enable multi-select, click "Select multiple icons" box.
- Quick import for icons. Click menu (3 dots icon) button for any icon, you'll see buttons to quickly import it. Drag/drop is also supported, so you can use whatever you prefer.

![Iconify for Figma - multi-select](https://iconify.github.io/iconify-figma/samples/multi-select.png)

Expand All @@ -68,6 +77,8 @@ Icon set page now has:

Search results feature:

- Search is now shown on all pages, making it easy to access at all times.
- If you are viewing filtered icon sets (such as filtered by category) or custom icon sets list (favorite, recent or any other list), you can search only icon sets in that list.
- Infinite scroll for icons, same as in icon set view. It is not typical slow infinite scroll, it is very fast and renders only icons that are visible.
- License information for each icon.

Expand Down
Binary file modified samples/color-styles.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed samples/filters.png
Binary file not shown.
Binary file added samples/icon-set-hint.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified samples/icon-set.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified samples/icon-sets.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified samples/multi-select.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified samples/search.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a0218a1

Please sign in to comment.