Back to Plugins
Magia Record Character Grid Creator Interface

Magia Record Character Grid Creator Interface

This plugin is for creating a grid view of your Magical Girls in the game Magia Record: Puella Magi Madoka Magica Side Story (https://magiarecord-en.com/). The game does not include a good overview for displaying all you owned Magical Girls and how awakened and upgraded they are, so this plugin creates that view as image for easy sharing. Installing the Plugin 1. Duplicate the Figma project (https://www.figma.com/file/jcgWY0YGzPbAwBp47LV3oL/Magia-Record-Character-Grids). 2. Install the plugin and open the Magia Record Character Grids Project. 3. Right click on the background or go to the hamburger menu and select Plugins > Magia Record Character Grid Creator Interface 4. The HTML window for the plugin will open. Features 1. Create a fully detailed Character Displays for your Magical Girls, including: Character Card, Stars (Rank), Attribute, Experience Level, Magic Level, Magia Level, and Episode Level. 2. Available values for each field are automatically filled in and available for selection for easy creation. 3. Update an existing Character Display if a mistake was made or as you progress though the game. 4. Copy the properties of an existing Character Display to create a new or update an existing one. 5. Automatic placement of newly created Character Displays with respect to the selected Character Display or parent Frame. 6. Convert copied Character Display frames from one file to another file to work with the new file. 7. Group and Sort Character Displays in a frame based on selected properties. 8. Set Backgrounds for the frames containing Character Displays. Usage Create new Character Display 1. Either select an existing instance or frame (can be the document itself) 2. Select the properties you want. 3. Press Create. Update an Existing Character Display 1. Select an existing instance of a Character Display. 2. Press the Copy and all properties appear in fields. 3. Modify the fields you want to update. 3. Press Update. Create new Character Display with Existing Properties 1. Select an existing instance of a Character Display. 2. Press the Copy and all properties appear in fields. 3. Modify any fields if desired. 4. Press Create. Convert Copied Character Displays from Another File 1. Copy and paste either a Character Display instance(s) or an entire frame containing all the instances to convert from one file to another. Once pasted, all the instances will become frames as they are no longer attached to their master components. All the names of all the layers must match the original components. 2. Select the Character Display frame(s) or parent frame (where all the children are Character Display frames) you want to convert. 3. Press Convert and a toast message will show how many were converted or skipped. 4. All the frames that were copy and pasted over are now converted to instances for which their master components are in the current document. Grouping and Sorting List 1. Navigate to the Sorting tab. 2. Select a frame containing only Character Displays. 3. Select the property to group by, the property(s) to sort by, the grouping and sorting direction(s), the direction to sort the ID's (the last property to sort by), and the number of Character Displays per row. 4. Press Sort. Adding Background to List 1. Navigate to the Background Tab. 2. Select the frame you want to add a background to. 3. Select the Background Type and Background Name you want to add to the frame. You can see the available backgrounds in the Background Page. 4. Press Create/Update. Resizing Existing Background 1. Navigate to the Background Tab. 2. Select the frame you want to add a background to. 3. Press Resize. You would want to do this if the frame has been resized and the background no longer fits or is no longer centered. Removing a Background. 1. Navigate to the Background Tab. 2. Select the frame you want to remove a background from. 3. Press Remove.

funimagedesigngridmagicmagiacode-generators

Plugin Preview

Magia Record Character Grid Creator Interface preview

About this plugin

This plugin is for creating a grid view of your Magical Girls in the game Magia Record: Puella Magi Madoka Magica Side Story (https://magiarecord-en.com/). The game does not include a good overview for displaying all you owned Magical Girls and how awakened and upgraded they are, so this plugin creates that view as image for easy sharing. Installing the Plugin 1. Duplicate the Figma project (https://www.figma.com/file/jcgWY0YGzPbAwBp47LV3oL/Magia-Record-Character-Grids). 2. Install the plugin and open the Magia Record Character Grids Project. 3. Right click on the background or go to the hamburger menu and select Plugins > Magia Record Character Grid Creator Interface 4. The HTML window for the plugin will open. Features 1. Create a fully detailed Character Displays for your Magical Girls, including: Character Card, Stars (Rank), Attribute, Experience Level, Magic Level, Magia Level, and Episode Level. 2. Available values for each field are automatically filled in and available for selection for easy creation. 3. Update an existing Character Display if a mistake was made or as you progress though the game. 4. Copy the properties of an existing Character Display to create a new or update an existing one. 5. Automatic placement of newly created Character Displays with respect to the selected Character Display or parent Frame. 6. Convert copied Character Display frames from one file to another file to work with the new file. 7. Group and Sort Character Displays in a frame based on selected properties. 8. Set Backgrounds for the frames containing Character Displays. Usage Create new Character Display 1. Either select an existing instance or frame (can be the document itself) 2. Select the properties you want. 3. Press Create. Update an Existing Character Display 1. Select an existing instance of a Character Display. 2. Press the Copy and all properties appear in fields. 3. Modify the fields you want to update. 3. Press Update. Create new Character Display with Existing Properties 1. Select an existing instance of a Character Display. 2. Press the Copy and all properties appear in fields. 3. Modify any fields if desired. 4. Press Create. Convert Copied Character Displays from Another File 1. Copy and paste either a Character Display instance(s) or an entire frame containing all the instances to convert from one file to another. Once pasted, all the instances will become frames as they are no longer attached to their master components. All the names of all the layers must match the original components. 2. Select the Character Display frame(s) or parent frame (where all the children are Character Display frames) you want to convert. 3. Press Convert and a toast message will show how many were converted or skipped. 4. All the frames that were copy and pasted over are now converted to instances for which their master components are in the current document. Grouping and Sorting List 1. Navigate to the Sorting tab. 2. Select a frame containing only Character Displays. 3. Select the property to group by, the property(s) to sort by, the grouping and sorting direction(s), the direction to sort the ID's (the last property to sort by), and the number of Character Displays per row. 4. Press Sort. Adding Background to List 1. Navigate to the Background Tab. 2. Select the frame you want to add a background to. 3. Select the Background Type and Background Name you want to add to the frame. You can see the available backgrounds in the Background Page. 4. Press Create/Update. Resizing Existing Background 1. Navigate to the Background Tab. 2. Select the frame you want to add a background to. 3. Press Resize. You would want to do this if the frame has been resized and the background no longer fits or is no longer centered. Removing a Background. 1. Navigate to the Background Tab. 2. Select the frame you want to remove a background from. 3. Press Remove.

Plugin Details

Version10
CreatedOctober 11, 2019
Last UpdatedMarch 27, 2020
CategorySoftware development
CreatorLeo Chan
Stats945 installs, 18 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js