#THE ICONATOR UPDATE#

To remove a mapping, click Remove Mapping. The mappings will appear the bottom right box (refer to “Image 3” above).ĭo this for each image size (i.e.

Select the desired entity and Select the image you want to map to that entity.Ĭlick Map. Once you have decided on an icon, drag and drop the icon into each project. You can also search using the “Icon Category” on the left hand side. Search Metro Studio by keyword of the icon you are looking for in the search box in the top right corner. As a reminder, if you use the same name, it will ask if you would like to replace the old image with the new one.Ĭreate three separate projects titled SVG, 32, and 16 in Metro Studio by hovering over the bottom left corner in the red box. You always have the option to delete an image within Metro Studio and replace it with another. Create a new folder on your desktop to save your icon images, so you can easily retrieve them when mapping to entities in the XRM ToolBox. Within Metro Studio you can drag and drop icons into each project and then export to your computer. Metro Studio is a great choice for finding icons due to its extensive selection of all different types of icons.

I suggest using the search box in the top right corner if you want to use a keyword to search for icons.

On the left hand side of the screen, you have the option to choose from an “Icon Category” to narrow down your search. Metro Studio has an array of icons to choose from. This will keep your work organized and alleviate confusion when working with a wide variety of icons and different sizes. You will need to create three projects within Metro Studio, each with different dimensions to keep consistent formatting for the icons. The three entity image sizes that you will need to accommodate for are SVG (Scalable Vector Graphics), 32 x 32, and 16 x 16. Creating Your Iconsĭ365 requires three image sizes for displaying entity icons throughout different areas of CE.

#THE ICONATOR UPDATE#

If you decide at a later time that the icon does not fit well with the entity name, you can always update your icons by following these steps again. You want the icons to be intuitive to the general user and correspond with the entity name. In fact, Vectornator is the best application to use in conjunction with Figma, as it helps you with the creation of vector graphics and other design elements that are perfect for prototyping in your chosen design application.Choosing your icons will be the most important part of the process. No matter what the purpose of your digital design or application prototyping Figma can help you make it as user friendly as possible.įor an alternative to Adobe Illustrator, try Vectornator! It's an excellent alternative, and can help you create vector art and illustrations, as well as vector-based designs that can be imported into Figma. Whether you're building a website prototype for the modern browser and want to make sure your developer handoff is as smooth as possible, or you're building a mobile application design to test with potential users, Figma will support your design skills with direct integration into your workflow, as well as your team's workflow with its collaboration feature. It also automatically creates a cloud version of your work, so you won't have to worry about losing progress. Figma lets your team members use collaborative design techniques to create interactive prototypes in a single workspace, and supports many different app integrations. When it comes to prototyping apps, and you're trying to decide between Sketch or Figma, you'll find that Figma is an excellent alternative to Adobe Creative Cloud for personal users and the remote team.

The iconator