App Mockup Frame Generator
by Bello Imam
Turn app screenshots into stunning 3D device mockups & presentation frames in 1 click.
Installs
28
Likes
2
Users
566
Views
40
Preview
About this plugin
### π± Turn App Screenshots into Studio-Quality Device Mockups in 1 Click!
Tired of searching for device mockups, tweaking smart objects, or paying expensive mockup tool subscriptions?**App Mockup Frame Generator by Bimex Studio** transforms your Figma app designs, mobile screens, and web screenshots into polished, high-converting presentation frames instantly.
Whether you're creating **App Store screenshots**, **Dribbble & Behance showcases**, **pitch deck slides**, or **social media marketing banners**, this plugin provides 9 pixel-perfect vector device shells with realistic bezels, studio lighting backdrops, and zero-overflow adaptive framing.---### π Key Features- π± **9 Handcrafted Device Shells:** - **iPhone 16 Pro:** Titanium bezels, Dynamic Island, status bar, and home indicator. - **Modern Android:** Razor-thin bezels, punch-hole selfie camera, and gesture pill. - **iPhone Duo (Showcase):** Two overlapping floating phones for multi-screen app flows. - **Studio Display 27" / iMac:** Sleek aluminum desktop monitor on an elegant desktop stand. - **MacBook Pro 16":** Sleek aluminum chassis, notch display, and keyboard base. - **iPad Pro 13" (Tablet):** Sleek landscape tablet with symmetrical bezels and front camera dot. - **Apple Watch Ultra:** Curved smartwatch body with digital crown and silicone sports strap. - **Safari Browser Window:** macOS frosted glass traffic light buttons and address pill. - **Clay Minimalist:** Clean, modern pastel shell for editorial and abstract app showcases.- πΌοΈ **Screenshot Framing (Zero-Overflow Guarantee):** - **Fit Entire Image (Recommended):** Proportional letterboxing ensures 100% of your menus, headers, and UI buttons are visible with zero edge cutoffs. - **Fill Screen (Bleed):** Full bleed edge-to-edge fill for matching aspect ratios.- π¨ **12 Studio Gradient Backdrops:** - **Mint to Sky Pastel:** Clean, modern light SaaS gradient (Mint `#DCFCE7` to Sky `#BAE6FD`). - **Soft Aurora:** Pale lime and mint tech glow. - **Blush & Sky:** Ethereal lilac, blush rose, and baby blue. - **Midnight Luxury:** Deep Obsidian & Indigo ambient glow. - **Sunset Aura:** Radiant Coral, Amber & Neon Purple. - **Electric Cyan:** Modern electric cyan and cobalt blue. - **Emerald Tech:** Vibrant mint tech aesthetic. - **Cyber Neon:** Vivid magenta and ultraviolet cyberpunk pulse. - **Cosmic Aurora:** Deep cosmic teal, lime mint, and navy. - **Obsidian Gold:** Jet black with rich gold amber highlights. - **Royal Purple:** Amethyst and royal midnight violet. - **Transparent:** Pure device shell with drop shadow only (easy layering).- π **Instant Dimension Presets:** - **Showcase Banner (1920 Γ 1080):** Perfect for web headers, Product Hunt, X (Twitter), and pitch decks. - **App Store 6.7" (1290 Γ 2796):** Pixel-matched to Apple App Store specifications. - **Social Square (1200 Γ 1200):** Optimized for Instagram, LinkedIn, and community posts. - **Fit Device Shell:** Tight auto-padded wrapper around the device shell.- π **Instant Search & Category Filters:** - Filter devices by category (Computers, Phones, Tablets & Watches) or search instantly by keyword.- π **100% Native Vector & Fully Editable:** - Everything generated is an editable Figma Frame and Shape. Adjust colors, corner radius, stroke width, and export at 1x, 2x, 3x, or SVG with zero blurriness.- π‘οΈ **100% Offline & Private:** - Zero external network requests (`allowedDomains: ["none"]`). Your confidential designs and intellectual property never leave your local Figma workspace.---### π How to Use1. **Select** any frame, UI component, or screenshot on your Figma canvas.
2. Open **App Mockup Frame Generator** from your Figma plugins menu.
3. Choose your desired **Device Shell** (iPhone, Studio Display, MacBook, iPad, Watch, etc.).
4. Select your **Studio Backdrop** (Mint-to-Sky pastel, Midnight, Sunset, etc.) and **Canvas Preset**.5. Choose your framing mode (**Fit Entire Image** or **Fill Screen**).
6. Click **Wrap Selection in Mockup Frame**.7. Your high-res, presentation-ready mockup is generated instantly side-by-side on your canvas!
More device mockups plugins
View allViewports
Paidby Denis RojΔyk
Preview your designs across real-world device sizes from global markets.
iMockup
by Sasha
#1 Plugin for device mockups. Clay and real styles. Isometric 3D angles. Customizable.
Fit Shaper
by Pavel Belik
MockFlow SiteMap
Paidby MockFlow