Skip to main content

Command Palette

Search for a command to run...

Ep. 5: Wireframes

My Figma Design Journey.

Updated
โ€ข1 min read
Ep. 5: Wireframes
O

Welcome to my blog! I am Oluwasegun aka (engrshege).

Founder & CEO: @StackTribe

๐”๐๐ž๐ฆ๐ฒ ๐…๐ข๐ ๐ฆ๐š ๐‚๐จ๐ฎ๐ซ๐ฌ๐ž: Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more by Andrei Neagoie & Daniel Schifano.

๐„๐ฉ๐ข๐ฌ๐จ๐๐ž ๐Ÿ“: Wireframes.

A wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch.

Product designers and UX (user experience) professionals draw up wireframes to communicate how they plan to arrange and prioritize features, and how they intend for users to interact with its product or website.

๐Œ๐ฒ ๐ข๐ง๐ฌ๐ข๐ ๐ก๐ญ ๐จ๐ง ๐ญ๐ก๐ข๐ฌ ๐„๐ฉ๐ข๐ฌ๐จ๐๐ž:
- Important Shortcuts:
Ctrl + alt + B ==> Detach
Ctrl + Shift + G ==> Break Group
Ctrl + Shift + 4 ==> Toggle On/Off Grid

- With my experience in video editing, I was able to compile a video to document the wireframe process I designed in this episode.

๐‘ป๐’‰๐’† ๐’‹๐’๐’–๐’“๐’๐’†๐’š ๐’ˆ๐’†๐’•๐’” ๐’ƒ๐’†๐’•๐’•๐’†๐’“...

#UIUX #UIUXCourse #Figma #Wireframes #Udemy #UdemyCourses #ZTM #ZeroToMastery

Product Design

Part 5 of 35

I documented my product design learning process into this series.

Up next

EP. 6: Prototyping

My Figma Design Journey.