Paste with Frames

Smart, beautiful, interactive mockupsđŸ“±

#3 Product of the DayMarch 23, 2018

Fast—Drag & drop from Figma or Sketch.

Intelligent—Automatically applies the right frame based on your media  attributes— phone, tablet, web, portrait or landscape.

Interactive—Scroll mockups, play videos, gifs, interactive prototypes, and embeds.

Simply beautiful—Clean, simple, tone-on-tone aesthetic that you can change with one click.

Around the web

Reviews

Matt Kenefick
Vincent Garnier
Olivia Jack
 +1 review

Discussion

You need to become a Contributor to join the discussion - Find out how.
Jacqueline von Tesmar
Jacqueline von TesmarHiring@jacqvon · Community at Product Hunt âšĄïž
Hey @kjchun & @asallen, What made you want to build this app?
Andrew S Allen
Andrew S AllenMaker@asallen · Co-Founder / Design
@kjchun @jacqvon Thanks for asking! There's a common idiom in Design that a great mockup or prototype is worth a thousand meetings. There's something about seeing your idea in a real setting that suddenly makes the idea seem possible. That's the power of a great mockup. Like most design teams, we've always used mockup tools to build these. But they're slow to use when you're trying to move fast, they're an absolute pain to use with videos, they never look quite right to us—usually too detailed and distract from the design— and they're constantly changing so they're out of date as soon as a new device hits the market. All of this makes Designers' lives harder, but it also puts great mockups out of reach of everyone else. So we thought we'd do something about it. Frames are great, fast mockups built right into Paste—where teams like ourselves are already sharing & discussing design work. We can now literally just drag a Sketch artboard or copy & paste a Figma comp into Paste where it'll detect that it's a phone comp and wrap it with a 3D phone mockup. You can even drop in tall comps that will scroll inside the device mockup. The beautiful thing is that, because Paste is web-native and our frames are entirely CSS-based, any content you drop in works just as easily—videos, gifs, prototypes, embeds. It also means our frames can adapt to fit the size and color of your content. Now anyone can have beautiful, hand-crafted mockups to showcase their ideas. If you have any questions or thoughts, I'm happy to answer them here. Thanks!
Jade Clark
Jade Clark@jadenyc · PR/Branding Consultant
This is awesome and so thoughtfully done. I'm sold. Thought at some point in the near future it would be great to have additional font options.
Andrew S Allen
Andrew S AllenMaker@asallen · Co-Founder / Design
@jadenyc That's a great idea. Not easy :) but something we're looking at.
Ayush Chandra@ayush_chandra · Research Intern & Tech Evangelist
Great job!! Will try it out 😊
Thomas Kimura
Thomas Kimura@_tomki · Freelance Web Designer
Nice ! Would love to see more mockups coming in the future and the option to edit the shadow.
Andrew S Allen
Andrew S AllenMaker@asallen · Co-Founder / Design
@_tomki Thanks! What mockups would you be interested in and why? There are a couple that are in progress—laptop and desktop.
Ayush Chandra@ayush_chandra · Research Intern & Tech Evangelist
Great job!! Will try it out