Logo

Lona by Airbnb

A design system tool for generating UI, Sketch files, etc.

Lona is a collection of tools for building design systems and using them to generate cross-platform UI code, Sketch files, images, and other artifacts. A design system is defined in JSON as a collection of: - Components (can be nested) - Colors, Text Styles, Gradients, and Shadows - Data Types Lona Studio is useful for: - Building component systems - Quickly mocking up new screens from existing components - Viewing designs with real data from JSON files or APIs - Experimenting with designs across multiple screen sizes - Automating design tasks - e.g. localizing screenshots for different languages and exporting hundreds of images - Working with animations (Lottie) and rendering videos from them (can plug into distributed renderer API)

Explore By Topic