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

 +1 review

Discussion

You need to become a Contributor to join the discussion - Find out how.
Jacqueline von TesmarHiring@jacqvon · Community at Product Hunt âšĄïž
Hey @kjchun & @asallen, What made you want to build this app?
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@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 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@_tomki · Freelance Web Designer
Nice ! Would love to see more mockups coming in the future and the option to edit the shadow.
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