6 ms·

Device Frames – 3D Device Mockup Generator

72 points by tgirotto 4y ago

tgirotto 4y ago
Since I found this useful, I thought maybe someone else also would in here.
asicsp 4y ago
Canva also has support for creating mockups (https://www.canva.com/smartmockups https://www.canva.com/smartmockups, requires login). Though, this site seems to have more features at a glance.
pfd1986 4y ago
Does anyone know a good mockup for software? Say to show a client what a software would _look_ like and gather feedback?
- open-source-ux 4y ago
  Figma will fit the bill. You can find device mockups (free or paid) but you will need to edit the template. It's easy to share your mockup (with a URL) with colleagues or clients. They can also add comments to the mockup.
- Brajeshwar 4y ago
  Do you mean static screens of your app? Try SceneShot for Mac, https://apps.apple.com/in/app/sceneshot/id1451459822 https://apps.apple.com/in/app/sceneshot/id1451459822
- solardev 4y ago
  Figma with templates / component libraries. Example for Material Design: https://www.figma.com/community/file/912837788133317724 https://www.figma.com/community/file/912837788133317724 Balsamiq for simpler wireframes
- njx 4y ago
  https://www.mockuptiger.com/ https://www.mockuptiger.com/
akersten 4y ago
In general how do projects like this avoid running afoul of design dress trademarks for depicting all these different 3d models of consumer products? Is it that the mockups aren't quite high enough fidelity to infringe specific manufacturers' designs, there is a broad fair use assumption, or it just hasn't been tested in court?
radiojasper 4y ago
The banner image on the homepage has a spelling error in the word presentations. It says presentaions.
solarkraft 4y ago
It always looks so silly to me when people use these weird frames. It's obviously a stock photo and it's just distracting, just show me the damn screenshot.
- liotier 4y ago
  Your imagination and abstractive abilities let you see a screen capture and put it in context of your device usage. Others can't - they need the device scenery to make it real to them.
  - solarkraft 4y ago
    I don't know why I'd be the only one. How t already (very likely) using the device you'd use the software on, in the environment you'd use the software in. Why would you need to see a device you don't have in a generic setting you might never be in, perhaps even with a person that isn't you? How does this help the imagination?
robertlagrant 4y ago
I'm marvelling at the self-control on display to not call the company MocBook.
CSSer 4y ago
I was really excited to share this with my creative (& art) director(s) until I saw the pricing. It could be that I'm just too frugal, so I sent the link onward anyway. Don't get me wrong, I'm sure we'd be more than happy to pay for this. It's just that my first, personal reaction is that the monthly pricing model either feels too steep or is an awkward fit. Why not pay per access or usage for each template with a slight markup against competitors for ease of use? The tool seems great but the current positioning made me want to immediately compare it to Adobe CC or even Figma. Granted, I haven't really given it a proper workout, but Adobe CC (pick your poison) and Figma both have more features. Figma is even cheaper. CC is also entrenched in everyone's budget, is only marginally more expensive, and has well established marketplaces for similar templates.
- kritiko 4y ago
  How much is an hour of your CD's time worth? I'm not a designer, but I know the pain of making nice mocks for a presentation (pain is outweighed by the impact). This instantly makes you look way more legit at a pretty low cost.
- giancarlostoro 4y ago
  Yeah, I would agree, Figma is a powerful tool. My team is all developers my boss included (although he is moreso a manager now than anything) and we were able to convey using Figma what we were going to build to other teams so they can get a reality check before we crack at code.
V__ 4y ago
Is there a reason the site is so slow in Firefox? I can barely scroll down. Seems to work in Chromium.
- lagrange77 4y ago
  Firefox is generally much slower in WebGL rendering, than Chromium.
steveharman 4y ago
See also https://mockrocket.io/ https://mockrocket.io/

72 points by tgirotto 4y ago

Since I found this useful, I thought maybe someone else also would in here.

Canva also has support for creating mockups (https://www.canva.com/smartmockups https://www.canva.com/smartmockups, requires login). Though, this site seems to have more features at a glance.

pfd1986 4y ago

Does anyone know a good mockup for software? Say to show a client what a software would _look_ like and gather feedback?

open-source-ux 4y ago
Figma will fit the bill. You can find device mockups (free or paid) but you will need to edit the template. It's easy to share your mockup (with a URL) with colleagues or clients. They can also add comments to the mockup.
Brajeshwar 4y ago
Do you mean static screens of your app? Try SceneShot for Mac, https://apps.apple.com/in/app/sceneshot/id1451459822 https://apps.apple.com/in/app/sceneshot/id1451459822
solardev 4y ago
Figma with templates / component libraries. Example for Material Design: https://www.figma.com/community/file/912837788133317724 https://www.figma.com/community/file/912837788133317724 Balsamiq for simpler wireframes
njx 4y ago
https://www.mockuptiger.com/ https://www.mockuptiger.com/

akersten 4y ago

In general how do projects like this avoid running afoul of design dress trademarks for depicting all these different 3d models of consumer products? Is it that the mockups aren't quite high enough fidelity to infringe specific manufacturers' designs, there is a broad fair use assumption, or it just hasn't been tested in court?

radiojasper 4y ago

The banner image on the homepage has a spelling error in the word presentations. It says presentaions.

solarkraft 4y ago

It always looks so silly to me when people use these weird frames. It's obviously a stock photo and it's just distracting, just show me the damn screenshot.

liotier 4y ago
Your imagination and abstractive abilities let you see a screen capture and put it in context of your device usage. Others can't - they need the device scenery to make it real to them.
- solarkraft 4y ago
  I don't know why I'd be the only one. How t already (very likely) using the device you'd use the software on, in the environment you'd use the software in. Why would you need to see a device you don't have in a generic setting you might never be in, perhaps even with a person that isn't you? How does this help the imagination?

robertlagrant 4y ago

I'm marvelling at the self-control on display to not call the company MocBook.

CSSer 4y ago

I was really excited to share this with my creative (& art) director(s) until I saw the pricing. It could be that I'm just too frugal, so I sent the link onward anyway. Don't get me wrong, I'm sure we'd be more than happy to pay for this. It's just that my first, personal reaction is that the monthly pricing model either feels too steep or is an awkward fit. Why not pay per access or usage for each template with a slight markup against competitors for ease of use? The tool seems great but the current positioning made me want to immediately compare it to Adobe CC or even Figma. Granted, I haven't really given it a proper workout, but Adobe CC (pick your poison) and Figma both have more features. Figma is even cheaper. CC is also entrenched in everyone's budget, is only marginally more expensive, and has well established marketplaces for similar templates.

kritiko 4y ago
How much is an hour of your CD's time worth? I'm not a designer, but I know the pain of making nice mocks for a presentation (pain is outweighed by the impact). This instantly makes you look way more legit at a pretty low cost.
giancarlostoro 4y ago
Yeah, I would agree, Figma is a powerful tool. My team is all developers my boss included (although he is moreso a manager now than anything) and we were able to convey using Figma what we were going to build to other teams so they can get a reality check before we crack at code.

V__ 4y ago

Is there a reason the site is so slow in Firefox? I can barely scroll down. Seems to work in Chromium.

lagrange77 4y ago
Firefox is generally much slower in WebGL rendering, than Chromium.

steveharman 4y ago

See also https://mockrocket.io/ https://mockrocket.io/