
⚠️Notice⚠️
Figma made an update to position the toolbar which use to be at the top to the bottom of the interface as indicated in green.
Scale demonstrates how element sizes change by percentage or value to maintain UI consistency across desktop, mobile, and tablet, highlighting responsive design and visual hierarchy.
Explore prototypes as testable product likenesses to gather investor and stakeholder feedback. Compare low-fidelity paper prototypes with high-fidelity digital prototypes in Figma and XD, and see how wireframes shape design.
Learn to use figma for ui design, from signing up and creating a new design to working with frames, shapes, fills, strokes, and layers.
Design a web landing page in Figma by translating a Dribbble-inspired concept into a structured frame, grid, and navigation, including a logo, menu items, and an apply now button.
In this design session, learn to fine-tune spacing, perform multi-select with the shift key, group and rename elements, add dividers and lines, and adjust strokes for cohesive Figma UI design.
Design an e-commerce UI in Figma by building a Hodja storefront, adding nav text, buttons, images, social icons, and using layout grids and columns to guide alignment.
Continue building the ecommerce landing page by aligning the navigation bar and elements, applying tidy up and spacing, duplicating text, using the Roberto font in black, and adjusting line height.
Explore exercise 3 in the Figma uiux projects course, building an ecommerce persona interface for Asia with images, shapes, a blob, and color and corner tweaks.
Design a news UI for an agriculture-related weather app in Figma, duplicating screens, styling the news daily heading, text, shadows, and layout, and preparing for image and bookmark features.
learn to build a news ui in figma by populating the layout with greek-themed images, applying selection colors for bookmarks, and prototyping navigation between the home and news screens.
Design a news app interface in Figma by building a frame, colored shapes, and icons, applying shadows and interactivity, and wiring color changes when the news icon is clicked.
User interface design(UI) and user experience design(UX) is a very crucial parts of determining the final output of software, applications, or process. User interface design and user experience design(UI/UX) has lots of benefits since they have a greater impact on influencing how users might use or uninstall an app or the retention rate of an app or software and the like. Welcome to this course future designers, in this course, we will be learning to design Interfaces using Figma as the primary design tool. You'll be introduced to some useful resources/ links to help you thrive in an ever-changing world. Figma makes it fun and easier to get your designs up to speed with positive outcomes especially when you use a creative approach to doing what you love doing best. In this lesson, you'll learn to use shapes(components) and tools to create stunning user interfaces. Some fundamental design principles would be taught and demonstrated in the course. The main course projects includes several steps to learning to build or design a contact app user interface. The course is for anybody who would like to get started with User interface design. This course is in collaboration with Jacqueline Asare Dartey a UI/UX expert in using Figma and Adobe XD.