How it works? - Shira Editor
Introduction
Last updated: October 26th 2025
Shira Editor is a powerful tool designed to help you create and edit your content with ease.
Try now
Go to shiraroadmap.com/demo and make your first roadmap.
Shira editor overview
Central part of Shira editor is roadmap itself. Everything you change is immidietly visible.
At top of the screen there is a toolbar with all available options for creating, editing and formating of your roadmap.
Work with activities
Add activity
To add acivity on the roadmap you should click on the + icon in the toolbar.
Dialog with popup in which you need to fill basic information:
- Title - title of activity
- Start date - the date when activity starts
- Duration - in days. You also have Custom... option which if selected will provide you ability to select the exact end date.
- Category - optionaly you can categorise your activities
💡 Hint: If roadmap is not empty you can add new activity by simply clicking on the roadmap itself. Start date will be selected based on location you clicked.
Edit activity
To edit activty you should click (select) the one you want to edit. On the right side panel you will see all details of the activity.
You can change title, start date, duration, category and color of the activity.
To confirm changes click on the "SAVE" button.
Change start, end, duration
Like you saw in the edit activity section, you can change the start date, end date, and duration of an activity by clicking on the respective fields in the right side panel. However, there is also a more visual way to do this directly on the roadmap.
Point your mouse over activity to see the resizing handles.
Change start date
To change start date point your mouse over the left resizing handle. When cursor changes to horizontal double arrow, click and drag the handle to the left or right to adjust the start date.
Change end date
To change end date point your mouse over the right resizing handle. When cursor changes to horizontal double arrow, click and drag the handle to the left or right to adjust the end date.
Move activity
To move activity point your mouse on the top edge of the activity itself. When cursor changes to a move icon, click and drag the activity to the desired location on the roadmap.
Delete activity
To delete an activity, select the activity you want to remove. Then, on the right side panel, click on the menu icon (three vertical dots).
Click on the "Delete Activity" menu item and confirm the deletion in the popup dialog.
Duplicate activity
To duplicate an activity, select the activity you want to copy. Then, on the right side panel, click on the menu icon (three vertical dots).
Click on the "Duplicate" menu item.
Customize color
To customize the color of an activity, select the activity you want to modify. Then, on the right side panel, click on the color box next to the "Color" label.
To confirm changes click on the "SAVE" button.
Arrange activities
There are two options to arrange activities on the roadmap:
- Expand - Each activity has its own row on the roadmap.
- Compact - Activities are arranged to minimize the number of rows used.
To switch between these modes, use the "Arrange" button in the top toolbar and select the desired option.
Below are examples of how activities are arranged in each mode:
Expand mode
Compact mode
Roadmap canvas
Update title
To update the title of your roadmap, click on the current title at the top of the roadmap canvas. This will make the title editable. Type in your new title and press Enter to apply the changes.
Change timeline
To change the timeline of your roadmap click on the Timeline icon in the toolbar.
The Timeline Settings dialog will open, allowing you to adjust the timeline's start and end dates.
Note that distance between start and end date has to be at least 3 months.
Zoom level
To adjust the zoom level of your roadmap, use the zoom controls located in the toolbar.
Note that if zoom level is bigger than 100%, a horizontal scrollbar will appear, allowing you to scroll through the roadmap.
Format options
There are different formatting options available for your roadmap.
To access formatting options click on the format button in the toolbar.
Timescale
Timescale option allows you to select the time units displayed on the roadmap. You can choose between Months, Quarters, Halfs and Years.
Example of Timescale set to Years
Text truncation
Text truncation option allows you to control how activity titles are displayed on the roadmap. You can choose between Clip and Overflow.
Display density
Display density option allows you to adjust the vertical spacing of activities on the roadmap. You can choose between Comfortable, Compact, and Condensed.
Save, load and export
In the toolbar near Shira logo there is a button that provides options to save, load and clear roadmap.
- New - Clear roadmap canvas.
- Open - Load roadmap .shira file from your disk.
- Save to (downlaod) - Save roadmap to .shira file format on your disk.
To export your roadmap as a PNG image, click on the export button in the toolbar.
