Design Process Glossary

Here you can find important tech terms and definitions, explained in a simple and clear way.

Figma

Figma is a cloud-based, collaborative interface design tool. It has become the undisputed global standard for designing websites, mobile apps, and user interfaces. Unlike legacy software that lived on a single designer's hard drive, Figma operates in the browser, allowing multiple designers, developers, and clients to view and edit the same file simultaneously in real-time.

Wireframe

A Wireframe is the schematic blueprint of a page, intentionally stripped of color, images, and visual styling (Color Theory, Typography). It focuses solely on: structure, content hierarchy, and functionality.

Prototype

A Prototype is the clickable model of the website created in tools like Figma. It falls on a spectrum from low-fidelity (Wireframe) to High-Fidelity Prototype. It's crucial for validating the design and User Flow before the Webflow build begins.

Mockup

A Mockup is a refined stage in the design process, falling between a low-fidelity Wireframe and a fully interactive High-Fidelity Prototype. It is typically created in Figma and used for client approval of the look and feel before interactivity is added.