![]() ![]() See the below picture on how to open MockStore from the wireframe editor. Here you can draw your UI design using the components listed on the left sideĪfter the design is done, click the 'Attach to card' button in the upper-left part of the screen to export wireframe to high-quality image and automatically attach it to your Trello card To create a new wireframe, select the type (Web, iPhone, Android.) and enter name for the wireframe This is a must to enable WireframePro with permissions to access and attach designs to your Trello cardĪfter login, it will open the WireframePro dashboard, which will provide options to create a new wireframe or open existing projects. You need to authorize and connect your Trello account with WireframePro initially. This will bring in a login / register form popup if not already logged in Open any Trello card, click the 'WireframePro' button that appears on the right side In case you don't have, the Power-Up allows you to create a new account with 14-day Free Trial (no credit card required) To draw UI designs with the WireframePro Power-Up, you should have a MockFlow account. Press SHIFT to highlight links- To pan hold SpaceBar & drag mouse. Now find the WireframePro Power-Up in this list and click the 'Enable' button next to the Power-Up item.Īfter enabling, a green checkbox will appear next to the WireframePro Power-Up listing which indicates that it is added to your boardĪlso you can verify, if it is enabled, as a 'WireframePro' button will appear when you open any Trello card in that board Open a board and click Show Menu in the top-right corner of the screenĬlick on Power-Ups button, to list all the Power-Ups available for Trello If you are a Trello user, With the WireframePro Power-Up, You can quickly turn your UI ideas into designs without ever leaving your Trello board.Įnabling the WireframePro Power-Up for Trello Since brainstorming UI designs is a team effort, its benefits are vastly enhanced when integrated within leading productivity platforms like Trello. WireframePro makes drawing user interface mockups easy and collaborative.
0 Comments
Leave a Reply. |