Chapter 5: Hi-Fi Prototyping With Symbols and Repeat Grids

In this chapter, we’ll learn two features that are designed to help you maintain visual consistency (and save you countless hours!) when high-fidelity prototyping. These are – how to create and use symbols, and how to automate the process of adding styles and content to components inside repeat grids.

High-fidelity prototyping is the act of taking a validated and improved low-fidelity mockup and adding visual styles to it — we’ll use symbols and repeat grids to speed up this process. By the end of this chapter we’ll have a fully-styled design, minus some icons (which we’ll tackle in the following chapter).

First, we’ll discuss why maintaining visual consistency is important, and how ...

Get Jump Start Adobe XD now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.