(The airships were filled with hydrogen, because in 1933 the United States had passed an act banning helium sales to foreign governments due to its military usefulness and scarcity at that time.) Climb aboard the airship via a retractable stairway and stroll past the authentically furnished passenger room, the original lounges, and the dining room. In a wing of the restored Bauhaus Friedrichshafen Hafenbahnhof (harbor railway station), the main attraction is the reconstruction of a 108-foot-long section of the legendary Hindenburg, the LZ 129 that exploded at its berth in Lakehurst, New Jersey, on May 6, 1937. The story is told in the Zeppelin Museum, which holds the world's most significant collection of artifacts pertaining to airship history. It's a full-fledged extension example, generating React Native JavaScript snippets from colors, text styles and layers.Graf Zeppelin (Ferdinand Graf von Zeppelin) was born across the lake in Konstanz, but Friedrichshafen was where, on July 2, 1900, his first "airship"-the LZ 1-was launched. Official React Native extension used in Zeplin is open source. If you're building an extension that generates CSS-like snippets, like a preprocessor or a CSS-in-JS solution, zeplin-extension-style-kit should get you halfway there.
Official stylesheet extensions used in Zeplin are open source, collected under a monorepo, generating CSS, Less, SCSS, Sass, Stylus snippets from colors, text styles and layers.Īll stylesheet extensions make use of a package called zeplin-extension-style-kit that extracts CSS-like style properties from design elements. To learn more about zem and the publish command, see documentation. Publishing an extension will submit it for review and you'll be notified via email once the extension is listed. When you're ready, zem lets you publish an extension to. Quickly jump to the documentation of a particular model to learn more about it. We've prepared a tutorial to guide you through your first Zeplin extension, dive in: ? View tutorial Models To learn more about zem and the exec command, see documentation. You can execute functions with sample data and observe the results, without running the extension inside Zeplin. Zem lets you run an extension in the command line, during development.
See package.json documentation for details. Npm's package.json defines everything you, and Zeplin, need to know about an extension, along with its dependencies.Īpart from basic information like name and description, under the zeplin key, extensions can also define options. See Extension documentation for all the functions and their details. component: Generates snippets the selected component.screen: Generates snippets from the screen.layer: Generates snippets from the selected layer.colors: Generates snippets from Project or Styleguide colors.If you have npm 5.2+ installed, you can run zem directly to create one:ĭefault entry point for the extension, a JavaScript document that exports functions, corresponding to different actions. Zem, Zeplin extension manager, is a command line tool that lets you quickly create, test and publish extensions.
ZEPLIN MUSEUM CODE
Code highlighting is performed by Zeplin, extensions only communicate the preferred language. In the example above, Zeplin invokes the layer function of the extension, passing the selected layer object as a parameter. What is an extension?Įxtensions are JavaScript modules that implement various functions to generate code snippets from models.
If you just want to try out extensions and ended up here by mistake, head to to browse them. Ping us at if you have any questions-we'd love to hear what you're building! If you're interested in developing your own Zeplin extension, this documentation covers the basics of building one along with a tutorial and discusses their capabilities. All code snippets you interact with in Zeplin are generated using extensions and they're curated at. Zeplin extensions are JavaScript modules that generate code snippets from various design elements.