you need
but May
have
never
heard of
Zeplinis a toolthatfitsinthe
post-designandpre-development
stagealongsideprototyping.It allows
youtotakeyourdesignand
prototypesandhandthemovertodeveloperswho
aremakingsurethatyourideasareexecutedwell.It’s
worthensuringthatyouneedit first.Youcanupload
yourSketch,Photoshop,XDandFigmafilestoZeplin
andit willcreateanenvironmentfordevelopersand
designerstosendovertheprojectwithoutthetedious
taskofcreatingguidelines.Thisis wonderfulfor
biggerproductteams.
keyfeature
exPortsPeCs,AssetsAndCodesniPPets
Youcangetallthespecs,codessnippetsandexportable
assetsyouneedfromdesignfiles.‘BoostSketchCapabilities.’Animais an
awesomepluginif youwanttostart
usingSketchformoresophisticated
prototyping.FormanySketchusers,
thiscanbethemissingpiecetocreatereallynice
transitionsandmorecomplexUIanimations.
keyfeature
AddvideoAndAnimAtionstosketCh
Ohyes!ThistoolreallydoesaddglittertoSketch,
unlockingthefullpotentialforamazingprototypes.Thistoolallowsyoutocreate
complexinteractionsandgetclose
toyourdesign’sidealendfunction.
Perhapsthestand-outfeatureis
theabilitytocontrolthesensorsofsmartdevices
inyourprototype,suchastilt,sound,compassand
3DTouchsensors. Depending on your project, this
isa greattoolfor those that want to encompass
nativeappfeatures. It’s easy as pie and no code is
required.
keyfeature
sensors
It’sbeyondgestures — start playing with native sensors!InteractiondesigniswhatPrinciple
isgreatfor,especiallywithmobile
applications.Tweakingand
polishinganimatedinteractionsisa
breezewithPrinciple.Youcanlookatindividual
assetsandhowtheyindependentlyanimate,right
downtotimingsandeasing.Thisisanother
Mac-apponlybutlovelytouse.
keyfeature
A n i mAt i o n s
Anotherlovelytimelinedisplayforanimations.Principle
wasoneoftheearlyanimationadopters.Axurehasalwaysbeenoneofthe
bestwireframingtoolsonthe
market,greatforcomplexprojects
thatrequiredynamicdata.With
Axure,youcanreallyfocusonmockingup
projectsthatarebothtechnicalandrequirekey
attentiononstructureanddata.
keyfeature
dynAmiCContent
Manyothertoolsfallshortofthistypeofdynamicdata
andcontentdrivenUI.AdobeCompisa niceadditionfor
thosethatfindthemselvescreating
a conceptonthego. Got a tablet
witha smartpencil? This will be
worththedownload,incaseina moment of
inspirationyouwanttoconceptualise a layout.
keyfeature
dynAmiCContent
GetyourApplepencilready,asthiswillhelp you quickly
illustrateinterfacesyouwanttogetdown on the screen.Previously,Atomicwasjust
anotherinteractivedesign
toolthatwasusedtocreate
formelementsyoucan
actuallytypeinto.However,it seemslike
theyhavesomethingonthehorizonand
havechangedtheirdirections.Onetokeep
aneyeon.
keyfeature
dAtA
Importdataandpopulateyourdesigns.Let’s
hopetheykeepthis.Thistoolwillhelpwithprototyping,
integratingwithothertoolslikeSketch
andPhotoshop.Youcanchooseyour
interactionsandgesturestohelp
assembleyourprototype.It alsocontainsUIkits,soyou
canputtogetherscreensquickly.
keyfeature
resPonsive
Simpleandcleantoseehowyourdesignwillexpandand
contractthroughscreensizes.13
19
18
17
2115
14
Zeplinzeplin.io
animaanimaapp.com
ProtoPieprotopie.io
Principleprincipleformac.com
axureaxure.com
adobe Compadobe.ly/2O5atZzatomicatomic.io
Justinmindjustinmind.com
12
Describedasthe
‘end-to-end’UXplatform,
UXPin is really another
design tool, but with a
powerfulabilityto create design systems.
Thistoolbenefits larger design teams that
need to work off the same styles and
guides. It can save you time with product
development when collaboration is key.
key feature
ConditionAlinterACtions,
vAriAbles,exPressions
Again, making the design more dynamic with
wonderful logic.16
uXPinuxpin.com
Fluidis aneasy and
intuitivetoolfor building
rapidprototypes and
workingupdesigns. It
packssomeniceout-of-the-boxassets to get
yougoingwithrapidprototypes.Once you’ve
upgraded,it’sreallyeasytoassemble your own
symbolswithyourownpreferredUI assets.
keyfeature
sPeed
VeryfastUIdesign,withavailableassets for
bothhighandlowfidelityprototypes.20
fluidfluidui.com
52 ��������������������������������������������������feature35 HOT NEW DESIGN TOOLS