Design+Code logo

Quick links

No results found

Suggested search


UI Patterns and Wireframing


Add to favorites

A guide on UI patterns, wireframing, and iOS design guidelines for creating web app designs using Figma

This section covers UI patterns and wireframing for creating designs. It includes tips for finding inspiration, following iOS design guidelines, and using established UI patterns. The document also provides step-by-step instructions for creating a web app wireframe using Figma, including creating frames for different elements, adding buttons and menus, and creating cards.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.


Design template


Source code for all sections


Video files, ePub and subtitles

Browse all downloads