Jedním z prvních kroků návrhu GUI nové aplikace je tvorba wireframů. Vzhledem k tomu, že kódování funkčního rozhraní je časově náročné, je lepší jej nejdříve ověřit na zjednodušeném návrhu. K tomu slouží právě wireframy.

Jde o jednoduchou grafickou reprezentaci struktury a rozvržení webové stránky nebo aplikace. Má nejčastěji podobu drátěného modelu obsahujícího základní prvky, jako jsou bloky textu, obrázky a ovládací prvky.

Wireframe slouží k vizualizaci a diskusi nad návrhem uživatelského rozhraní. Tento nástroj pomáhá designérům, vývojářům a zákazníkům lépe porozumět struktuře budoucí webové stránky nebo aplikace a umožňuje identifikovat potřebné úpravy a vylepšení. Dalším krokem pak může být tvorba mockupu, který drátěný model více přiblíží finální vizuální podobě.