Design Process Glossary

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

Figma

Figma is a vector graphics editor and prototyping tool that functions as the primary workspace for designing digital products. It allows multiple designers, clients, and developers to work on the same file in real-time.

UI-UX
Design Process

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.

Design Process
UI-UX

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.

Design Process
Design
UI-UX

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.

Design Process
UI-UX