/dynamiclayer-swift-boilerplate

Mobile optimized reusable UI components for SwiftUI • FREE Figma File 👇

Primary LanguageSwift

Dynamic Layer - Swift and Figma components

Dynamic Layer is the biggest Components library for Figma, Swift, Compose and React Native. This file uncludes 7 mobile optimized reusable UI components and many Design Tokens for Swift and Figma. The Full Version includes more than 20+ components.

Download the Figma Package!

With Dynamic Layer you get a Figma, Swift, Compose and React native file for your work. It optimizes collaboration between designers and developers. Designers use pre-built components for their designs in Figma and developers use the same components through copy and paste in their code. This makes the entire process of creating an app from start to finish 10x faster.

Find out more at: dynamiclayer.io

Table of Contents

How to use

If you want to know how to best use the files, you can watch our YouTube video. There we will explain to you step by step what you have to do.

🎥 Check out our YouTube channel.

Components

Dynamic Layer is an collection of UI components built with Figma and SwiftUI that you can use as a starting point when coding user interfaces and mobile apps.

Button Icon Button Top Navigation
Dynamic Layer Button Dynamic Layer Icon Button Dynamic Layer Top Navigation
Input Field Bottom Navigation Avatar
Dynamic Layer Input Field Dynamic Layer Bottom Navigation Dynamic Layer Avatar
Notification Badge Notification Message
Dynamic Layer Notification Badge Dynamic Layer Notification Dynamic Layer Message
Menu Line Item Page Indicator
Dynamic Layer Menu Dynamic Layer Line Item Dynamic Layer Page Indicator
Badge Bottom Sheet Chip
Dynamic Layer Badge Dynamic Layer Bottom Sheet Dynamic Layer Chip
Segmented Control Tab Control Coach Mark
Dynamic Layer Segmented Control Dynamic Layer Tab Control Dynamic Layer Coach Mark
Tooltip Card Toggle
Dynamic Layer Tooltip Dynamic Layer Card Dynamic Layer Toggle

Tokens

Dynamic Layer is an collection of UI components built with Figma and SwiftUI that you can use as a starting point when coding user interfaces and mobile apps.

Layout Typography Illustration
Dynamic Layer Layout Dynamic Layer Typography Dynamic Layer Top Navigation
Color Shadow Iconset
Dynamic Layer Color Dynamic Layer Shadow Dynamic Layer Iconset

Figma Design System

If you need the Figma files for the components you can check out our website for more information:

🎨 Check out the Figma preview

Dynamic Layer Icons

Start using over 200+ free and open-source collection of solid and outline SVG icons built for SwiftUI and with support for Figma:

🔍 Check out the icons

Premium Version

Get access to all premium features including the complete Figma design system and access to all 20+ Swift components:

💎 Check out Dynamic Layer Premium

Copyright and license

The Dynamic Layer name and logo are trademarks of Dynamic Layer