Designing for iPhone in Figma. iOS 12 native components UI styles

Customized visual guides for designers stuck with a visual look for a component in a project

At the moment I am working on a Figma iOS design kit and examining all the possible native controls for iPhone and patterns to create the most powerful UI library. Take a cup of coffee or something that you prefer and let’s see how far you could go by combining custom styles with native components declared at Human Interface Guidelines

Segmented Controls

A segmented control is a linear set of two or more segments, each of which functions as a mutually exclusive button. Within the control, all segments are equal in width. Like buttons, segments can contain text or images. Segmented controls are often used to display different views. In Maps, for example, a segmented control lets you switch between Map, Transit, and Satellite views.