https://github.com/slheavner/zeplin-roku

Zeplin extension that outputs basic XML SceneGraph components from shapes, assets, textStyles, and colors.
https://github.com/slheavner/zeplin-roku

Last synced: 3 months ago
JSON representation

Zeplin extension that outputs basic XML SceneGraph components from shapes, assets, textStyles, and colors.

• Host: GitHub
• URL: https://github.com/slheavner/zeplin-roku
• Owner: slheavner
• Created: 2020-04-24T20:27:34.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T04:22:26.000Z (almost 2 years ago)
• Last Synced: 2024-05-27T12:02:07.517Z (6 months ago)
• Language: JavaScript
• Size: 3.18 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-roku - zeplin-roku - An extension for generating simple SceneGraph components from zeplin designs (Editor Extensions)

README

        
# Zeplin Roku SceneGraph

Zeplin extension that outputs basic XML SceneGraph components from shapes, assets, textStyles, and colors.

Lots of flexibility in customizing the output, like uri paths, value formatting, and component names.

## Getting started

Add the extension to your project from [extensions.zeplin.io](https://extensions.zeplin.io).

Make sure to customize your output with the many options available, like custom component names!

## Output

### Text -> Label

```

```

### Shape -> Rectangle

```

```

### Shape with corner radius -> Poster 9patch

```

```

### Exportable Asset Layer -> Poster

```

```

### Colors -> function

```

function projectColors() as object

  return {

    red: "0xff0000ff"

    green: "0x00ff00ff"

    blue: "0x0000ffff"

    yellow: "0xffff00ff"

    black: "0x000000ff"

    black50: "0x0000007f"

    white: "0xffffffff"

  }

end function

```

### TextStyle -> Font

```

```

## Options

![](assets/options.png)

## Development

This extension is developed using [zem](https://github.com/zeplin/zem), Zeplin Extension Manager. zem is a command line tool that lets you quickly create, test and publish extensions.

To learn more about creating Zeplin extensions, [see documentation](https://github.com/zeplin/zeplin-extension-documentation).

```

```