You can trigger an event by swiping any direction, double-tapping/-clicking, etc. Wondershare Mockitt also allows you to specify the type of tap and click you want to trigger your event. You can specify the type of “tap” to trigger your “event” (i.e. The difference is that when you prototype it, you can choose to Magic Move it to the first, previous, next, or last screen - you don’t have to try to remember which screen name comes next because Figma and Adobe XD organizes screens in alphabetical order (trust me, after designing for hours, you would appreciate your prototyping tool helping you think). In retrospect, they all required me to do the same thing. With screen states, I was able to duplicate the first screen, adjust the slider, and have it all come together with Magic Move, Wondershare Mockitt’s version of Smart Animate/Auto-Animate. When I was prototyping the slider track to “move” every second as the song played, I had to create extra screens in both Figma and Adobe XD to make it happen with Smart Animate and Auto-Animate, respectively. It’s just like component states in Adobe XD, but for screens. Screen states is probably my favorite feature. Left: Wondershare Mockitt “screens and frames.” Top right: Figma screens. I liked this because, as designers, we are pushing for responsive designs where users would not have to scroll horizontally to find what they need.
However, Wondershare Mockitt also assumes that you will not extend the width of the screens, and only allows you to extend the height. Similar to Adobe XD, Wondershare Mockitt allows you to extend the height of your screens without stretching your assets or having to hold CMD/CNTL while extending it. When you extend the height of the screen on Figma and have assets on it, the assets stretch with the screen, unless you hold CMD/CTRL while doing so. Features that I loved Adjusting screen sizes A 10px grid appears on your screens by default, but you can customize it and add a customized grid layout for responsive design as well, just like in Figma and Adobe XD.
When you create a project, two screens will automatically be created however, will only see one screen when you are designing and can switch to your other screens through the left panel. What you would see after clicking “Create” for an iPhone 12 MAX/12 You also have to do that on your home/initial screen for this to work. You can change the device you are designing for in the right panel, and it will change the dimensions of all of your screens (which is what I did to take the screenshot below). I would like to note that if you selected custom dimensions, you would only see blank screens that do not include the status bar (time, phone signal bars, and battery level), and header with the title of your project. The latest Samsung model dimensions they have was for the Samsung S7, so I used the custom screen size option to set up my screen dimension.Īfter clicking “Create,” you will see something similar to the image below.
WONDERSHARE MOCKITT ANDROID
Unfortunately, I was designing for an Android device this time and they did not have the newer Samsung device screen sizes. This reminded me of what you see when you create a new project in InVision, but the difference is that you can customize your screen size if the ones they provide you do not meet your needs they even have the latest iPhone 12 screen size! “Create a New Project” screen where you can choose the device and dimensions of the product you want to design
WONDERSHARE MOCKITT HOW TO
As I first learned how to wireframe and prototype in Figma, I built it there first before doing so in Adobe XD and Wondershare Mockitt. I decided to test it out myself - I built my passion project, Lyrics by Spotify, in Wondershare Mockitt, Figma, and Adobe XD. So how does Wondershare Mockitt compare to other tools?
WONDERSHARE MOCKITT CODE
Developers can also access the code to your prototype through a simple link. It allows you to quickly wireframe and prototype your ideas to share with your team, and also upload your high-fidelity screens from their Sketch plug-in to prototype. Wondershare Mockitt, previously known as Mockingbot before being acquired by Wondershare in June 2020, is an online prototyping and collaboration tool used by over 2 million individuals and over 15,000 enterprises worldwide. However, there are also a lot of similar tools that are popular outside of the United States, like Wondershare Mockitt. There are quite a few wireframing and prototyping tools available on the market right now, with Sketch, Figma, and Adobe XD as the most popularly used ones in the United States. Logos from left to right: Adobe XD, Wondershare Mockitt, Figma
0 kommentar(er)
