Connect
To Top

Prototype within Sketch with Silver

In an article I wrote earlier this year called ‘Best New Digital Design Tools You’ve Never Heard Of‘ I took a look some new apps that are bringing about some interesting changes in the digital design application space. One of the more interesting developments in this space happened at Adobe MAX last year when Adobe showed off their new application called Project Comet that allowed you to be able to do design and prototyping work all in the same application. I have been lucky enough to work with Project Comet for a few months now and being able to design and prototype in the same application is a real game changer. This was a real workflow innovation but Project Comet currently isn’t available to the public yet so other companies have been scrambling to bring similar functionality to other apps.

The newest entrant to this space has been a plug-in for Sketch called Silver that brings some really interesting functionality into the app by letting you create lightweight mobile prototypes from inside of Sketch.

Silver works as a plug-in for Sketch which continues to be something that I think was a brilliant decision. Some of the most interesting core functionality of Silver is:

Link Layers to Artboards

Linking layers to artboards let you design Flows by converting Layers into tappable/swipeable Links that trigger transitions to other Artboards. Those transitions are then done as native transitions so you can navigate between Artboards using native Push, Pop, Modal and Dismiss transitions. Also modals can display Artboards which can be dismissed interactively.

Headers and Footers

You can convert Layers into fixed headers and footers with just a keyboard shortcut which makes it incredibly easy to see how a design will look and work without having to have one full height artboard and another device height artboard. This functionality also has support for transparent layers to create floating action buttons which may sound like a small thing but goes a long way when you are trying to create more visually complex interfaces.

Editable Input Fields

You can setup Text Layers to automagically transform into live input fields during preview so prototypes feel much more real. you can also configure different keyboard types and define behavior for the return key.

Embed Web Views

When you are designing an app showing a mobile web site is never the ideal experience but there are some times you just can’t get around it for a lot of reasons. Silver lets you add these web views to your prototype by making a simple Shape Layer show content from a website. Resize and position the Layer in Sketch to configure the appearance of the web content in the preview app.

Core OS Functionality

The one piece of functionality that really blew my mind was that you can make prototypes feel real by letting users access the Camera, browse Photos, compose emails and SMS, make a phone call, or launch an external website. This makes your app feel REAL when yo are using it since the integration into the hardware is so seamless.

Live Mirroring

Like all prototyping apps you can test the experience on an iOS device and all native components generated by Silver are updated in real time on the Silver Preview App for iOS. You can pair the iOS and Mac Apps over WiFi or via USB to get around this frustrating corporate WiFi networks.

This is the part when I would desperately love to tell you that you can go download this plug-in right now and start using it but the problem is that it is private beta with no word on a release date. I also found Silver about two months ago and have I tried my best to also get my hands on it so I would be able to give first-hand experiences since I hate writing pieces like this without have been able to actually use the software. But in the end I thought this looked so promising that I wanted to share it to try to get more people aware of their work and get them some more support for its launch. You can find out a little more about Silver here and keep on eye my blog or my Twitter feed as I will definitely announce when it goes live and will share my review as my teams and I start to put it through its paces.


READ MORE

Best New Digital Design Tools You’ve Never Heard Of

You must be logged in to post a comment Login

More in Design & user experience

Creative Director, Designer, Brand Builder, Speaker, Podcaster, Crazy One. As a designer, I have 20+ years experience creating the strategy, concepts, and designs for award-winning integrated global advertising campaigns, building multiple global Fortune 500 brands and creating innovative digital experiences. As a leader, I have 15+ years transforming agency and client-side teams using a mix of creativity, business strategy, process and political skill to create innovative, world-class work and cultures that change industries and companies. My clients have included American Airlines, W Hotels, Disney, Citi, ExxonMobil, Acura, Old Navy, Nationwide Insurance, Verizon, Subaru and many others. My work has received over 150 international awards, my app designs have been named as one of the World’s 100 Greatest Apps, Apple has featured my work in 9 keynotes, 4 TV commercials and more.

Follow Me On Instagram

 @baitme did an incredible job on the Mr Dob by @takashipom - details are fantastic. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  Love coming home after a long week to find Mr Dob by @takashipom and @baitme waiting for me. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  More in love with our @obeygiant from @galerie_itinerrance more every day. #streerart #shepardfairey #shepardfaireyart #shepardfaireyobey #streetartist #globe #earthcrisis  Feels a bit like Xmas today as our Earth Chrisis @obeygiant pieces and more showed up from @galerie_itinerrance in Paris. #obeygiant #obey #shepardfairey #streetartist #streetart #streetartparis #galerieitinerrance  Briefcase 2.0 thanks to @louisvuitton Avenue champ de Elysees #apolloalldaybag #louisvuitton #louisvuittonmonogram #monogrameclipse #lv #design #creativedirector
 Hello my name is Steve Gates and I have a Mr Dob by @takashipom problem. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  Spending a lot of time away from home lately so looking forward to getting home tomorrow to see these two crazy ones. #NationalPuppyDay #pugs #pugsofinstagram #pug #puglife  Brunch with @thechiclibrary before I hit the road again #chic #tomford @blackscale #blackscale @tomford #brunch #fashion  I always love the unwritten rule in Barcelona where you can create street art on doors and shutters but not the actual buildings. #streetartbarcelona #barcelona #streetartofficial #streetart #streetartist  Another preview of our commission from @tristaneaton and based on the 'crazy' in letterpress type and archery target you should know this is my side of the piece. #tristaneaton #tristaneatonart #tristaneatonmural #streetart #streetartist #streetartofficial
 Everything is better on pairs so we got the crazy limited edition Gold Mr Dob by @takashipom and @baitme too. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  Another preview of our @tristaneaton commission. Full photos coming soon #tristaneaton #tristaneatonart #tristaneatonmural #streetart #streetartist #streetartofficial  The @obeygiant globe is a limited edition replica of the one which hung from the Eiffel Tower last year and was made by the worlds oldest globe maker. #galerieitinerrance #streetartparis #streetart #streetartist #shepardfairey #obeygiant #obey @galerie_itinerrance  My kind of street art from the Gothic Quarter in Barcelona #streetart #streetartist #streetartofficial #barcelona #streetartbarcelona #hola #skull  Our abdominal snow Pug loves the weather and the 16" of snow at our house north of NYC which feels more like north of the wall today. #pug #pugs #pugsofinstagram #nyc #westchester #snow #northofthewall

Copyright © 2015 Stephen Gates