Microframe

screenshot of Microframe

:microscope: :triangular_ruler: :pencil2: Microframe is a micro (<200px wide), grid based wireframe PSD template for UI and UX designers mocking up website and app layouts.

Overview

Microframe is a micro (200px wide), grid-based wireframe PSD template for mocking up website and app layouts. It includes a 12-column grid and 3 sample layouts for responsive designs. The template aims to help users isolate layout design challenges from UI design details and save time in the wireframing process. Users are encouraged to modify the template and can fork the repository to make it their own or contribute to its improvement.

Features

  • Grid Based: The PSD template uses guides to create a 12-column grid, allowing users to align elements easily.
  • 3 Layouts for Responsive Designs: The template includes a 12-column layout for standard laptop/desktop views, a 6-column layout for tablet views, and a 4-column layout for mobile views. Each layout is grouped into a Photoshop group.

Summary

Microframe is a grid-based wireframe PSD template designed for website and app layouts. It offers a 12-column grid and 3 sample layouts for responsive designs. The template aims to streamline the wireframing process by focusing on overall layout and saving users time. Microframe is open source, allowing users to modify the template, fork the repository, and contribute to its improvement.