[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-6762":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":15,"starSnapshotCount":15,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},6762,"Lona","Lona\u002FLona","A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.","",null,"Swift",7547,261,169,18,0,5,63.75,"MIT License",false,"master",true,[],"2026-06-12 04:00:30","\u003Cp align=\"center\">\n  \u003Cimg src=\"studio\u002FLonaStudio\u002FAssets.xcassets\u002FAppIcon.appiconset\u002Ficon_256x256@2x.png\" width=\"256\" height=\"256\" \u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Lona (Developer Preview)\u003C\u002Fh1>\n\n\u003Cbr \u002F>\n\n> This project is in an early stage and lacks documentation – however, with some effort, it can be used very effectively. If you're interested in contributing or using it at your company, feel free to open a GitHub issue or get in touch with me on Twitter [@dvnabbott](https:\u002F\u002Ftwitter.com\u002Fdvnabbott). I'm currently supporting a few early adopters.\n>\n> Airbnb doesn't provide support for this project. The code and automated tests are not at the same degree of technical rigor as other Airbnb projects.\n\n## Overview\n\n[![Build Status](https:\u002F\u002Ftravis-ci.org\u002Fairbnb\u002FLona.svg?branch=master)](https:\u002F\u002Ftravis-ci.org\u002Fairbnb\u002FLona)\n\nLona is a collection of tools for building design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.\n\nLona consists primarily of 3 parts:\n\n- [Lona Components](#lona-components) - A data format, `.component`, for cross-platform components\n- [Lona Studio](#lona-studio) - A GUI tool for designing `.component` files\n- [Lona Compiler](#lona-compiler) - A CLI tool & API for generating UI code from `.component` files\n\nWhy Lona? Read more about challenges with cross-platform design systems at scale, and how Lona solves them [here](.\u002Fdocs\u002Foverview\u002Fbackground.md).\n\n### Lona Components\n\nA design system is defined in JSON as a collection of:\n\n- Components (can be nested)\n- Colors, Text Styles, Gradients, and Shadows\n- Data Types\n\nThe specification for these files can be found in the [docs](.\u002Fdocs\u002Ffile-formats\u002FREADME.md).\n\n### Lona Studio\n\nLona Studio provides a graphical interface for working with `.component` files.\n\nLona Studio is primarily for building component systems, but can also be used for:\n\n- Quickly mocking up new screens from existing components\n- Viewing designs with real data from JSON files or APIs\n- Experimenting with designs across multiple screen sizes\n- Automating design tasks - e.g. localizing screenshots for different languages and exporting hundreds of images\n- Working with animations (Lottie) and rendering videos from them\n- and more!\n\nIf you have Xcode installed, you can try it out by following the [installation instructions](.\u002Fstudio\u002FREADME.md).\n\n> Wondering if this replaces Sketch? Why a native Mac App? I answer some common questions here in the [FAQ](.\u002Fdocs\u002Foverview\u002Ffaq.md).\n\n### Lona Compiler\n\nThe Lona Compiler converts .component files to UI code for various targets.\n\nCurrently, these targets are supported:\n\n- iOS \u002F macOS (Swift)\n- React DOM \u002F React Native \u002F React Sketchapp (JavaScript)\n\nSupport is planned for:\n\n- Android (Kotlin)\n\nThe target with the most features currently is Swift. However, it's still fairly rough. If you want to try it out, check out the [installation instructions](.\u002Fcompiler\u002Fcore\u002FREADME.md).\n\nIf you're looking for a sample of the generated code, check out [the test cases](.\u002Fexamples\u002Fgenerated\u002Ftest)\n\n## Core Team\n\n- Created by [@dvnabbott](https:\u002F\u002Ftwitter.com\u002Fdvnabbott)\n- Design tool integrations and infrastructure by [@mathieudutour](https:\u002F\u002Ftwitter.com\u002Fmathieudutour)\n\n### Contributors\n\n- Lona Compiler development by [@outdooricon](https:\u002F\u002Fgithub.com\u002Foutdooricon)\n- Design & development help by [@ryngonzalez](https:\u002F\u002Ftwitter.com\u002Fryngonzalez)\n- Gorgeous logo by [@pablocar0](https:\u002F\u002Ftwitter.com\u002Fpablocar0)\n- Lona Studio development by [Nghia Tran](https:\u002F\u002Fgithub.com\u002FNghiaTranUIT)\n- Swift code generation help by [Laura Skelton](https:\u002F\u002Ftwitter.com\u002Fskelovenko)\n- Lona Compiler development by [Jason Zurita](https:\u002F\u002Ftwitter.com\u002Fjasonalexzurita)\n","Lona 是一个用于定义设计系统并生成跨平台UI代码、Sketch文件及其他资源的工具。其核心功能包括使用`.component`格式定义可复用组件，通过Lona Studio提供图形界面来设计和管理这些组件，并利用Lona Compiler将设计转换为iOS\u002FmacOS（Swift）、React DOM\u002FReact Native\u002FReact Sketchapp（JavaScript）等目标平台的代码。此外，它还支持快速原型设计、多屏幕尺寸适配以及自动化设计任务等功能。Lona适合于需要高效构建一致用户体验且希望减少重复劳动的设计与开发团队使用，特别是在面对大规模跨平台项目时能显著提高工作效率。",2,"2026-06-11 03:08:45","top_language"]