MineFrame - Instant UI & Layout Generator

Getting Started1️⃣ Open the pluginOpen the plugin inside Figma via Plugins → MineFrame.

2️⃣ Choose a modePick a mode using the tabs at the top: Social, Website, or Slides.

3️⃣ Configure and generateAdjust the options in the cards below, then click the Generate button.

📱 Social Mode🖼 FormatChoose the target platform size for your design (Feed, Story, OpenGraph, YouTube, LinkedIn, etc.).

🎠 Post TypeSingle Post creates one frame.

Carousel creates multiple sequential frames placed side by side.

📐 Safe ZoneAdds guide lines inside the frame based on the selected platform’s UI overlay margins.

🔍 Scan SelectionSelect any frame on the canvas and click Scan to read its name, size, and layer count.

🌐 Website ModeGenerates a complete website starter kit including:

Output Assets (Favicon, OpenGraph, Email)Color PaletteTypography GuidePage ListDesktop FrameMobile Frame🔒 Locked Layout GuidesLayout guide layers inside frames are locked automatically so they don’t interfere with your work.

📍 Smart PlacementAll frames are placed below any existing content on the page, so nothing gets overwritten.

📊 Slides Mode🎨 Branding AreaCreates a Logo component, color swatches, and typography preview that you can reference while designing slides.

🗂 Slide FramesGenerates 1920 × 1080 frames, including:a Cover slidenumbered interior slidesheading and body placeholders⚙️ Generation ModeChoose whether to generate:

Slides onlyBranding onlyBothThe slide count slider supports 1–20 slides.

🔗 Logo InstancesWhen generating both slides and branding, the Logo component is automatically instanced into every slide.

💡 Tips✏️ Fully EditableAll text and colors in generated frames are fully editable.

Treat them as a starting point, not a final design.

🔄 Run Multiple TimesYou can run the generator multiple times.

New frames are always placed below existing ones.

🌐 Learn MoreVisit mineweb.io for more resources and updates.