Giter VIP home page Giter VIP logo

sketch-scrollmotion's Introduction

sketch-scrollmotion

A plugin for Sketch to export designs as a ScrollMotion applet.

BEWARE. This is experimental and is in no way supported by ScrollMotion. Use at your own risk: save often, keep backups of your files, and think about what you will do with all the time you've rediscovered.

Installation

You can Download Zip to the right and double-click on the .sketchplugin file to install.

How to use it

  • Run this plugin from the Plugins menu or by using the Control + S hotkey to export your layers as overlays in an applet
    • All layers are exported as image or text overlay. Additional overlay types are supported using a set of specific identifiers
    • Artboards are exported as pages within a single pageset
    • Images will be named based on the layer name and will be exported at @1x and @2x for retina devices
    • The plugin will request the location of custom fonts but will default to "Arial" for missing fonts
  • The resulting applet (exported folder of files) will be saved in the same directory of your Sketch file
  • Simply zip the applet folder, change the file extension from zip to scrollmotiontransit and upload into your WorkCloud account
  • Publish your applet or make it more awesome using SmartStudio!

Get interactive

Buttons

  • Identify a Group layer as a button with touch states by prepending [B] to the layer name. Better yet, select a group layer or many group layers use the plugin command Edit Button... to quickly configure your buttons.

alt text

alt text

Container

  • Identify a Group layer as a scrollable container by prepending [C] to the layer name. Or similarly to buttons, use the plugin command Edit Container... to make light work of creating containers.

alt text

Ignore layers

  • Ignore a layer by prepending - to the layer name. The plugin will work around the layer so you don't have to delete your art
    • Ignoring a layer will ignore all layers in the layer group
  • Flatten a layer by prepending * to the layer name. The plugin will export all layers in the layer group as a flat bitmap.
    • You cannot flatten an Artboard

Export for SmartStudio

  • The exported folder of files will be saved in the same directory of your Sketch file
  • Zip the exported folder, change the file extension from zip to scrollmotiontransit and upload into your SmartStudio account

alt text

Known issues and shortcomings :(

  • Not all Sketch layers are supported. This plugin has not been tested with slice layers, symbols, or text styling
  • Not all Sketch layer properties are supported. This plugin has not been tested with transform, rotate, shadows, gaussian blur and other similar properties
  • Found fonts are not validated. Be mindful of the fonts that are requested
  • Some text properties are not translated to the applet. Underline, super and sub script, text fills, text borders, and transparency are ignored.

I will be squashing these issues and others reported here so stop by often for updates!

sketch-scrollmotion's People

Contributors

jonmmay avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

ryenbeatty

sketch-scrollmotion's Issues

Deprecation warning

Hi there.

As you probably know, [MSTextLayer lineSpacing] has been deprecated for a while, and it will be removed in Sketch v40. Please update your Plugin to use [MSTextLayer lineHeight] instead, or it won't work in the next release :)

Edit Container .. doe's not work

Hello,
I just do what exactly u do in gif, so, I just Group all my cells in container, set a Mask like u do, and when i select Group and i just click on Plugins -> ScrollMotion -> Edit Container nothing happened, Edit Button does work its perfect bud Container does not.

Try look at it pls :)
Thanks

Support Sketch 45 plugin update system

Hi there!

This is a quick note to remind you that Sketch 45 will include a plugin update system.

It would be awesome if you could add support to it (it's really easy!) before Sketch 45 comes out. Ideally, you should release an update for your plugin while we're still in Sketch 44, so your users will have a nice & easy experience when 45 is released.

For more details, please check http://sketchplugins.com/d/229-updating-plugins and http://developer.sketchapp.com/introduction/updating-plugins/

Thanks in advance!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.