Learn how to prototype web and mobile apps

Justinmind’s integration with Microsoft Team Foundation Server (TFS)

As we announced in our new release post earlier this week, Justinmind Enterprise is now integrated with Microsoft Team Foundation Server and you can import and export your TFS work items to and from Justinmind prototyping tool. Read on to find out how you can easily sync Microsoft TFS with Justinmind!

Please note that this integration is exclusively available to Justinmind Enterprise customers. For more information on becoming an Enterprise user, see here

Exporting requirements from TFS to Justinmind

1. Create a new web or mobile prototype in Justinmind.


2. To configure TFS, go to the Plug-ins toolbar in the top menu and then Team Foundation Server and select ‘Configuration’.

You’ll need to fill in the following:

  • Username and password of the TFS user – the password has to be a personal access token. You can create a token following these instructions.
  • URL of your Visual Studio work space e.g. https://domainname.visualstudio.com/collectionname.
  • Project Key – the abbreviated name of the TFS project. Add a forward-slash (/) before the project name.
  • Query. Leave the field blank to begin with and click OK. Reopen the dialog (step 2 again) and select/filter your queries.

Please note the following:

  1. Query has to be at root level, i.e. Shared\Query.  If stored at Shared\Folder\Query, you won’t get any results.
  2. Query must be set to return results in flat list.  It won’t display results as tree.
  3. Any work item in query results will be imported as a “Requirement” – that includes bugs, tasks, custom work item types.  Users must do any filtering out in query.


3. To import your TFS work items, go to the Requirements tab. Then, go to the Plug-ins tool bar>Team Foundation Server and then select ‘Import Requirements’. A dialog will appear letting you know that the work items are being imported from TFS, and when the process has been completed.

Linking TFS work items to your prototype’s screens and scenarios

Once you have successfully imported your work items , you can start to use TFS to define scenarios, screens and events within your prototype by simply dragging Justinmind requirements (TFS work items in Justinmind) from the Requirements tab at the bottom of the screen to the canvas, and dropping them on top of scenarios or UI elements. Read more on adding requirements to your UI elements here.

Note: When you drag and drop a requirement to an element/scenario, the following dialog will appear:

“This action will associate the requirement with the selected element. Do you want to proceed?” Click ‘OK’ to proceed or ‘Cancel’ to return to the canvas.

Share your project so that reviewers can simulate the prototype, check the scenarios and see the linked TFS work items. They can even navigate to the corresponding work item within TFS, by clicking on the ‘View in TFS’ option.


Exporting requirements from Justinmind to TFS


Say you want to create a new requirement in Justinmind and sync it to TFS. To do so, go to the Plug-ins tool bar>Team Foundation Server and then select ‘Export Requirements’. A dialog will appear letting you know that the requirements are being exported to TFS.

Click on the Integration tool URL of any requirement in the Requirements tab, to view the corresponding JIRA requirement in TFS. Once in TFS, click on the hyperlink icon on the right-hand side for a direct link to the Justinmind prototype related to this TFS work item. You will be taken to the simulation window in user note.


You can also view this requirement in TFS by going to the Simulation window in TFS and selecting the option ‘View component’.

And that’s it! You’re now an expert in using TFS alongside Justinmind.

Check out Advanced and Expert tutorials here