Sign In
Best Sketch App Videos
Great videos from the web, that are all about using Sketch App for design and prototyping. Curated for you by SketchTalk.
×

0:34

Prototyping in Sketch

8 months Ago
To try out Prototyping, and all the new features in Sketch 49, go to https://sketchapp.com In Sketch 49, we’re introducing Prototyping, letting you transform your designs into interactive prototypes and preview them, without ever leaving the app. This new set of tools allows you to connect your Artboards, apply transitions, and then preview your designs right inside Sketch, on your mobile devices with Mirror, or on Sketch Cloud, where you can share your prototypes with colleagues, clients and the world.
19:14

Design Your Own App in Sketch (Tutorial)?

1 year Ago
Design is all around us, and a lot of us don't even realize it . Every single app on your phone was planned out, wire framed, designed, and developed in order for it to function properly and help solve a problem. What we call the "interface" of an app is designed by people, just like you and me, for people to interact with. One of the more popular design softwares for designing interfaces is Sketch from Bohemian Coding. Sketch has become widely used in the design world and is making some big waves in the industry - so much that lot of designers are switching from Photoshop to Sketch. I'm still currently in the transition from Photoshop to Sketch, but I've already learned how great this software can be for your workflow, efficiency, and productivity. In this tutorial I'll show you some of the basic fundamental design features in Sketch and walk you through how to make some clean, modern, and functional pages. WEBSITES FEATURED http://pexels.com MUSIC Music by Ukiyo http://soundcloud.com/ukiyoau/ http://www.facebook.com/ukiyoau/ THE GEAR I USE ►►► CAMERAS Sony a6000: http://amzn.to/2z9RzbK Iphone 7: http://amzn.to/2jOF5DT ►►► LENS Sony 16-50mm: http://amzn.to/2iGmiXI ►►► TRIPODS Manfrotto Mini Tripod: http://amzn.to/2zbv5Y8 Manfrotto Photo Tripod: http://amzn.to/2zedfU0 ►►► MICROPHONE Blue Spark: http://amzn.to/2iIOxVZ ►►► LIGHTING Natural Light from the good ol' sun Cody Brown Design is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites. ►►► CODY BROWN DESIGN APPAREL Rise Shine Design Tee: http://codybrowndesign.storenvy.com/ WHAT TO EXPECT FROM THIS CHANNEL: Every week, I will publish meaningful & concise content that provides insight into the field of graphic design, web design, illustration, branding, app design, & other creative areas I find important in my field as a commercial artist. This media includes software tutorials, lifestyle vlogs, and other useful videos to help and inspire anyone looking to improve their skills as a creative badass and take their creativity to new heights. ABOUT ME: Hey there, I’m Cody. A craft-beer drinking Designer & Art Director living in San Diego, Ca. I’ve been designing professionally for the last 6 years and have learned quite a bit along the way. Throughout my career as a creative I’ve had the pleasure of designing for a number of incredible brands & creative agencies. From working with a variety of clients and organizations, my style can been seen as eclectic and constantly evolving, much like a chameleon. In the world of commercial arts I’ve had to get out of my comfort zone and adapt to the brands and tasks at hand. I like to think that my personal aesthetic is contemporary and minimal combing modern techniques with classic design elements. SKILLS Some of the skills I’ve acquired throughout my journey as a creative: Art & Creative Direction Styling Graphic Design Branding & Identity Design Web Site Design (optimized for mobile & tablet) App Design Photography Illustration Image Manipulation Typography & Lettering Motion Graphics Video Production & Editing Animation MY STUFF Website: http://www.codybrowndesign.com Dribble: https://dribbble.com/codybrown23 Behance: https://www.behance.net/codycanvas Instagram: https://www.instagram.com/mistercodybrown
6:05

From Idea To Sketch To InVision

2 years Ago
My process from sketching an idea in a notebook, through design using Sketch and into an invision prototype (including time lapse) - Subscribe: https://www.youtube.com/fluxwithransegall?sub_confirmation=1 - Currently working on: http://www.goprospero.com http://www.thenuschool.com - Join the Flux community on Patreon: https://www.patreon.com/flux_ransegall - Music by: Ageless - The First Time https://soundcloud.com/ageless84/the-first-time - Twitter: http://twitter.com/ransegall Instagram: https://www.instagram.com/ransegall/ Snapchat: ransegsll (yes, with a spelling mistake) Facebook: https://www.facebook.com/ran.segall - Intro Sound Design: Amit Segall http://www.amitsegall.com - Vlogging camera - Canon G7x: http://amzn.to/22dnCQt - Work Hard & Be Nice Poster: https://society6.com/ransegall
15:19

Prototyping in Sketch 49 (with no plugins)

8 months Ago
Demo File: https://www.dropbox.com/s/0q00qv5d5ggu8bc/Prototyping%20Test%20File.sketch?dl=0 Read about Sketch 49 Prototyping and other updates: https://blog.sketchapp.com/prototyping-libraries-on-sketch-cloud-and-an-official-ios-ui-kit-in-sketch-49-bf090c70796c Now you can prototype inside Sketch without the need of a plugin. Sketch 49 has introduced the ability to add links to any layer, group, or symbol and connect screens. You can preview your prototype inside Sketch too! Check it out and let us know what you think :) Pablo Stanley https://twitter.com/pablostanley
9:27

Speed Run Sketch App with Alfred & Keyboard Maestro

10 months Ago
Thanks for checking this out! Let me know your productivity tricks in the comments. Relevant links: Alfred - https://www.alfredapp.com/ Keyboard Maestro - https://www.keyboardmaestro.com/main/ Sip - http://sipapp.io/ Plugins: Runner - http://sketchrunner.com/ Stark - http://www.getstark.co/ Keys - https://github.com/exevil/Keys-For-Sketch Alfred Workflows: Colors - http://www.packal.org/workflow/colors Alfred Maestro - https://github.com/iansinnott/alfred-maestro Taran's monster editing tutorial: https://www.youtube.com/watch?v=O6ERELse_QY I hope you get a lot of use out of these shortcuts and tips. Let me know if you have any questions or suggestions. This tutorial may be fairly advanced (I don't cover some of the steps for setting up sketch to have tabs by default and such) but I hope you can follow along! -------- https://tre.gg/ https:///www.twitter.com/treggify https://dribbble.com/treggify Buy me a coffee! https://www.buymeacoffee.com/tregg
1:20

Importing Designs from Sketch – Framer Crash Course

1 year Ago
FULL COURSE: https://www.youtube.com/playlist?list=PLWlUJU11tp4f41p4dzizVkjjTQ38kA0wG PRACTICE FILE: https://www.dropbox.com/sh/k4q0ngaezdvfkqc/AADlrNgSpIOW1BWPtRrqSKIca?dl=0 ABOUT MENTOR: Hi, I'm Pablo Stanley. Here are some links about Me: Twitter: https://twitter.com/pablostanley Join our FB group: https://www.facebook.com/groups/sketchtogether/ My comics: https://thedesignteam.io/ Check out our company, Carbon Health, where I spent most of my time designing and thinking about how to solve healthcare: https://carbonhealth.com/ DESCRIPTION: To add animation to designs you have set up in external graphics tools, simply import into Framer by clicking the Import icon in the bottom left sidebar of the code tab. Currently, you can only import a design into Code to start animating. Framer has integration with Sketch, Figma, and Photoshop.
3:50

Creating Infinitely Scalable Connection Arrows in Sketch

1 year Ago
Download the corresponding FREE project file and follow along: http://www.invisionapp.com/blog/scalable-connection-arrows-sketch --- When wireframing your next big idea in Sketch, you may find yourself creating arrows on your canvas to show how screens might flow. It’s all fun and games until you need to scale or stretch one of your arrows out and you find yourself with a distorted mess. In the video tutorial above, you’ll learn a simple method for creating connection arrows that are infinitely scalable and reusable—with zero distortion. --- InVision is the world’s leading product design collaboration platform, trusted by more than 1.5 million designers at companies like Uber, Netflix and Twitter. InVision empowers teams of all sizes to prototype, review, iterate, manage and test web and mobile apps—all without a single line of code. Get InVision free forever: http://invs.io/1QOCxZq --- See who else uses InVision: http://invs.io/1QOD5P3 Stay up to date on the latest trends in product design: http://invs.io/1QOD91g Follow InVision on Twitter: http://twitter.com/InVisionApp/
0:46

Avataaars–A Sketch library to create avatar illustrations.

11 months Ago
Library: http://www.avataaars.com/ Music and screams: Me Hello friends! I made a gift for you. A Sketch library to create avatar illustrations. I’m calling it Avataaars (the domain for avatars with a single “a” wasn’t available, lol.) You can mix & match hairstyles, accessories, clothing, eye expressions, mouths, skin color, and even graphics on t-shirts. Use it freely for your personal or commercial projects. ABOUT LIBRARIES In case you don’t know, libraries are just a Sketch document with lots of symbols that you can use in multiple files. Once you download the file do the following: • Go to menu “Sketch / Preferences.” or ⌘ + , • Select the “Libraries” tab. • Click “Add Library” • Select this file from your computer and add. USING OVERRIDES Every avataaar has overrides that you can apply. When you select an avatar, check out the inspector to see all the things you can customize. • TOP: The customization starts with the Top (hair and accessories). Some hairstyles have a nested override to change the hair color. Other Tops allow you to modify or remove facial hair and even change the color of it. Neat! • ACCESSORIES: Add or remove glasses from your avatar. More fixtures coming soon :) • EYEBROWS: Select the type of expression you want your eyebrows to have. You can select a “natural” look or “outline” look, which is a bit more cartoonish. • EYES: The window to the soul! Select from different expressions. Inspired by emojis • MOUTH: Select different type of smiles, frowns, or screams! • CLOTHES: Select different types of shirts, jerseys, and overalls! Some of the clothes have a nested override to change the color.Pro Tip: Select the “Graphic Tee” to add an icon or some custom text to your shirt! • SKIN: Select different skin colors to fine tune your avatars and add diversity to your illustrations. The colors are based on the emoji options + “Yellow” and “Tanned.” • CIRCLE COLOR: Change the color of the circle mask, Only available in avatars with circle background. SCALING AND TRANSFORM. Almost all the avatars should be able to be transformed and look good (but some stuff might break). Sketch 48 will allow symbol scaling (not supported on 47 or below.) In the meantime, you can hack this by grouping the symbol first and then scaling up or down the group. CUSTOMIZING To customize the library merely jump to the symbols page in this document and go crazy! I recommend duplicating existing symbols and use them as templates to create your own. You can also just edit the existing symbols and fine-tune them to get them just . WANNA COLLABORATE? If you wanna expand on this library, you can either use it as a template, add your own stuff, and then publish it for everyone! If you want to make your additions part of the official library, just shoot me a PM on twitter (@pablostanley) when you have something, and we’ll update it! Get the sketch library here: http://www.avataaars.com/ Get updates here: http://eepurl.com/c-6VUL ––––––––––– Hi, I'm Pablo Stanley, Designer at Carbon Health. https://carbonhealth.com/ Follow me on Twitter: https://twitter.com/pablostanley
9:36

dynamic iOS nav design in Sketch

2 years Ago
Download these files and more Sketch Freebies → http://mds.is/sketch ↓ Gear, Social media links, and more ↓ ALIGN LAYERS PLUGIN https://github.com/daneden/sketch-align-layers GEAR Screen Recording – Screenflow → http://mds.io/io6v Main Camera – Sony a6300 → http://amzn.to/2dAM8gF Awesome Small Tripod – Manfrotto → http://amzn.to/2dDWXet GoPro – Hero Session 4 → http://amzn.to/2knZc6i Microphone – Røde → http://amzn.to/2dS9PfD Camera I don’t use as much – 5D → http://amzn.to/2dUWJmp FOLLOW ME Twitter → http://twitter.com/mds Instagram → http://instagram.com/mds Dribbble → http://dribbble.com/mds Facebook → http://facebook.com/studiomds MUSIC Bignic → https://bignic.bandcamp.com/
0:36

Introducing Sketch Libraries

1 year Ago
With Libraries you can collaborate and share Symbols with other designers, across all your documents — and always stay up to date. For more information, visit https://sketchapp.com
2:20

Sketch Libraries & Abstract: Example Workflow

1 year Ago
Here's how you use Sketch Libraries with Abstract. Read more: https://blog.goabstract.com/sketch-libraries-abstract-per-project-libraries-69c53343bb11
25:12

Live: Prototyping a parallax tilt effect with Sketch and Flinto

2 years Ago
Let's try to create a parallax tilt effect in space using Sketch and Flinto. This is a live recording, so sorry for any technical difficulties in advance :) Download the files Sketch: https://www.dropbox.com/s/3sf2v7sfv1bzaug/space-parallax.sketch?dl=0 Flinto:https://www.dropbox.com/s/b8ho5r0960w4vum/space-parallax.flinto?dl=0 Also, the apps I mention when I answer the question about exporting your designs and animations to code were Anima and PaintCode. Here are links to them: https://www.animaapp.com/ https://www.paintcodeapp.com/
2:24

How to save color palettes in Sketch – InVision Design Snack #11

3 years Ago
Wishing there was a way to better manage multiple color palettes in Sketch without endlessly adding to your "Global Colors" area? Andy's got the right plugin for you! Head on over to the blog post for more information, as well as a link to download the plugin: http://blog.invisionapp.com/saving-color-palettes-in-sketch/ P.s. speaking of color palettes, Boards by InVision helps you present, collect, and collaborate on all things visual—like brand guides and inspiration galleries. Learn more about Boards here: http://blog.invisionapp.com/boards-share-design-inspiration-assets/ --- InVision is the world’s leading product design collaboration platform, trusted by more than 1.5 million designers at companies like Uber, Netflix and Twitter. InVision empowers teams of all sizes to prototype, review, iterate, manage and test web and mobile apps—all without a single line of code. Get InVision free forever: http://invs.io/1QOCxZq --- See who else uses InVision: http://invs.io/1QOD5P3 Stay up to date on the latest trends in product design: http://invs.io/1QOD91g Follow InVision on Twitter: http://twitter.com/InVisionApp/
12:42

BEST FOLDER STRUCTURE FOR DESIGN PROJECTS

2 years Ago
File Structure Dropbox Link → http://mds.io/jIIN ↓ Gear, Social media links, and more ↓ GEAR Screen Recording – Screenflow → http://mds.io/io6v Main Camera – Sony a6300 → http://amzn.to/2dAM8gF Awesome Small Tripod – Manfrotto → http://amzn.to/2dDWXet GoPro – Hero Session 4 → http://amzn.to/2knZc6i Microphone – Røde → http://amzn.to/2dS9PfD Camera I don’t use as much – 5D → http://amzn.to/2dUWJmp FOLLOW ME Twitter → http://twitter.com/mds Instagram → http://instagram.com/mds Dribbble → http://dribbble.com/mds Facebook → http://facebook.com/studiomds MUSIC Bignic → https://bignic.bandcamp.com/
26:08

My Favorite Sketch Plugins 2017 Edition

11 months Ago
Here are the plugins that I use almost every day at work. I'm focusing on workflow process. I'll talk about developer hand-off, prototyping, and version control in another video :) Sketch Runner: Spotlight for Sketch. Create, install, run, find stuff on Sketch. http://sketchrunner.com/ Calendar Creator: Generate a 7 Columns Calendar https://lstore.graphics/plugins/calendar/ Map Generator: Design beautiful map interfaces https://github.com/eddiesigner/sketch-map-generator LaunchPad: Publish a website directly within Sketch. https://launchpad.animaapp.com/ Symbol Manager: Organize the name and grouping of your symbols. https://gumroad.com/l/sketch-symbols-manager Symbol Organizer: Organize the artboards on your symbols page. https://github.com/sonburn/symbol-organizer Library Symbol Replace: Replace symbols in the current document with symbols from a Library. https://github.com/zeroheight/library-symbol-replacer RenameIt: Batch rename layers and artboards. https://github.com/rodi01/RenameIt Magic Mirror: Create perspective mockups of your artboards. http://magicsketch.io/mirror/ Auto Layout: Design responsive screens in Sketch https://animaapp.github.io/ Find and Replace: Find and replace any text in your file. https://github.com/thierryc/Sketch-Find-And-Replace Abstract: Version control for designers.  https://www.goabstract.com/ Measure: Create spec for developers and teammates http://utom.design/measure/ Reduce App: Compress huge Sketch files in an instant https://flawlessapp.io/reduce
13:34

TUTORIAL: Design & Publish with Sketch App and Anima’s Launchpad

1 year Ago
Collapsing Stacks, Fixed Position & More Medium post and Sketch file: https://FreeAndWilling.com/fbmore?go=Medium-tutorial-Sketch-Anima-App-collapsing-stacks-fixed-position
48:01

Left Navigation Bar with Nested Symbols

2 years Ago
Sketch File: https://www.dropbox.com/s/ldqowc1b5k0cget/left-nav-bar.sketch?dl=0 Join our FB group: https://www.facebook.com/groups/sketchtogether/ Download Auto Layout Plugin: https://animaapp.github.io/Auto-Layout/ Get the Icon Font Plugin: https://github.com/keremciu/sketch-iconfont Get the Font Bundles and install the fonts too: https://github.com/keremciu/font-bundles ----- Watch the previous video about Buttons: https://www.youtube.com/watch?v=_bjqVF7Fvg4 ---- Muchas gracias :)
7:59

Designing for the iPhone X in Sketch

12 months Ago
DevMountain UX Bootcamp: https://goo.gl/GiqoDy ► Buy me a coffee here: http://www.patreon.com/maex ► Twitter: http://twitter.com/maexco ► Instagram: http://instagr.am/maexco ► Business inquiries: me@maxlabs.de --------------------------------------------------------------------------------------------- I hope you like it! iOS Human Interface Guidelines: https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/ iOS UI Kit (Apple) for Sketch: https://developer.apple.com/design/resources/#ios-apps --------------------------------------------------------------------------------------------- MY GEAR Sony a6300 USA: http://amzn.to/2q42T7h Germany: http://amzn.to/2pxGUlJ Lens USA: http://amzn.to/2t160fW Germany: http://amzn.to/2sRgHmT Camera Cage USA: http://amzn.to/2q3KbNF Germany: http://amzn.to/2r2wKeC Microphone USA: http://amzn.to/2smyMGS Germany: http://amzn.to/2sIx9m6 HDMI Monitor USA: http://amzn.to/2slZRtW Germany: http://amzn.to/2tEUWb3 Tripod USA: http://amzn.to/2sCiaPo Ball Head USA: http://amzn.to/2tMOYFO Germany: http://amzn.to/2uGtCq2 Power Bank USA: http://amzn.to/2qTUMeH Germany: http://amzn.to/2r0FCke --------------------------------------------------------------------------------------------- About: Sketchapp TV features one free premium Sketch 3 resource a day. 365 days a year. Sketchapp TV provides free Sketch 3 tutorials and videos about Sketch 3 plugins and prototyping using InVision, Marvel & Principle. The Sketch 3 videos cover topics like designing for iOS, Android, Web UIs and designing icons. New videos include topics about UI/UX, freelancing, life as a designer and much more! Sketch 3, Sketchapp, Sketchapp 3, Sketch 3 Tutorials.
13:03

Dynamic Icons in Sketch

1 year Ago
Icons can be found in this free course http://introtoicons.com Gear, links, and more SKETCH PLUGINS Sketch Runner → http://sketchrunner.com/ Symbol Organizer → https://github.com/sonburn/symbol-organizer GEAR Screen Recording – Screenflow → http://mds.io/io6v Main Camera – Sony a6300 → http://amzn.to/2dAM8gF Main Lens – Sony 10-18mm → http://amzn.to/2na8mZs Awesome Small Tripod – Manfrotto → http://amzn.to/2dDWXet GoPro – Hero Session 4 → http://amzn.to/2knZc6i Microphone – Røde → http://amzn.to/2dS9PfD Camera I don’t use as much – 5D → http://amzn.to/2dUWJmp FOLLOW ME Twitter → http://twitter.com/mds Instagram → http://instagram.com/mds Dribbble → http://dribbble.com/mds Facebook → http://facebook.com/studiomds
16:10

NEW: Sketch Libraries from Beta 47

1 year Ago
Sketch 47 is introducing Libraries. Libraries allow you to share Symbols between documents, and other designers... like magic! --- Skip the intro: 2:18 LINKS: Sketch Beta: https://www.sketchapp.com/beta/ UX Power Tools: https://www.uxpower.tools/ Resource files: https://www.dropbox.com/sh/bu140hx9yjcovfh/AADPoSyMdF4KvIKpLsnlO2wXa?dl=0
11:23

Create Patterns with the Looper and Blender Plugins—Sketch App

1 year Ago
Create awesome patterns, loops, textures, and graphics with the Looper and Blender plugins on Sketch app. BLENDER: https://github.com/bunnieabc/Blender LOOPER: http://sureskumar.com/looper/ DEMO FILE: https://www.dropbox.com/s/tr7dc8wybfhqjbq/looper-blender-demo.sketch?dl=0 __________ Pablo Stanley Follow at https://twitter.com/pablostanley Designer/Co-founder at http://carbonhealth.com Doodles at https://thedesignteam.io Mentor at http://sketchtogether.io Talk at https://disenochachacha.com/
11:49

Organizing Symbols in Sketch for Mac | Sketch Design Tutorial

1 year Ago
Remember to Subscribe https://goo.gl/6vCw64 In today's design tutorial, I talk a little bit about how I organize my Sketch Symbol Library. While this may not seem like the sexiest topic it can actually be a pretty amazing thing to open up your design file and have everything setup and ready to go in it place. The opposite of awesome is opening your file and having extra symbols, duplicate symbols, messy art boards, and just plain confusion...Not Cool :( So I cover the 3 things you gotta do to organize your project and by doing so enjoy your life a little bit more. 1. Understand how symbols work 2. Name and Categorize your symbols 3. Use plugins to clean up the mess and set your OCD at ease Merge Duplicates https://github.com/oodesign/merge-duplicate-symbols Symbol Organizer https://github.com/sonburn/symbol-organizer Sort your layers panel https://github.com/romashamin/sort-me-sketch Designer featured in the video: https://dribbble.com/ayushjangra ------------------------------------------------------------------------------------ ////////// Website http://www.jesseshowalter.com - ////////// Subscribe: https://goo.gl/6vCw64 - ////////// Social Twitter: http://twitter.com/iamjesseshow Anchor: https://anchor.fm/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow - ////////// Equiptment Vlogging Camera - Canon EOS M3: http://amzn.to/2hT54bo - Drone- DJI Phantom P3-STANDARD Quadcopter Drone with 2.7K HD Video Camera http://amzn.to/2n5iSQV
3:59

Sketch vs. Photoshop: The 5 Things Sketch Can Do That Photoshop Can’t

1 year Ago
More info on our corresponding blog post here: https://www.invisionapp.com/blog/sketch-vs-photoshop/ Even if you haven’t made the switch yet, you’re likely aware of the mass exodus of Photoshop users switching to Sketch. So what makes Sketch the tool for designing digital products? To put it simply, Sketch can do a number of things that Photoshop can’t. And it makes sense—Photoshop wasn’t built for product design. So let’s put ‘em head-to-head, Sketch vs. Photoshop. Here are our top 5 indispensable Sketch capabilities that are currently missing from Photoshop. --- InVision is the world’s leading product design collaboration platform, trusted by more than 1.5 million designers at companies like Uber, Netflix and Twitter. InVision empowers teams of all sizes to prototype, review, iterate, manage and test web and mobile apps—all without a single line of code. Get InVision free forever: http://invs.io/1QOCxZq --- See who else uses InVision: http://invs.io/1QOD5P3 Stay up to date on the latest trends in product design: http://invs.io/1QOD91g Follow InVision on Twitter: http://twitter.com/InVisionApp/
21:38

Publish a Website From Sketch with Launchpad

1 year Ago
Publish Websites from Sketch with Launchpad Launchpad allows you to publish responsive websites directly from Sketch. No need to code. You design and put it on the web. Get the Plugin: https://launchpad.animaapp.com/ Get the Sketch File: https://www.dropbox.com/s/b8200rjd6yppon6/launchpad-demo-site.sketch?dl=0 Preview final site from video: https://launchpad.animaapp.com/jLFrrIa/home768 Blog Post about Widgets: https://medium.com/@AnimaApp/launchpad-introducing-widgets-ad3f4b4563ca
6:59

5 Essential Sketch App Tips • Sketch for Mac Design Tutorial • Design, Process, & Workflow

1 year Ago
Today I want to share a few of my favorite little tricks I end up using every day. while designing interfaces and graphics in Sketch for Mac. https://www.sketchapp.com/ All of the following 5 tricks do not require plugins, they all come out of the box in the current version of sketch which as of this video is Sketch 42 (awesome version FYI) 1. Inner Shadow Line All of those are fine and dandy but Sketch's easy access to an “inner shadows” allows me to create table cells and separation of elements in seconds and the best part is I can then butt elements right up to each other and not worry about what layer is in from or beneath. 2. Reduce File Size One of the ways you can remedy this issue is to use Sketch’s built-in ability to “reduce the file size” by searching for all those high res photos and downsampling them to fit your project. Don’t worry you won’t even be able to tell except for the alert that tells you what a good boy or girl you are and how much space you saved today. 3. Drag Images Into The Fill Panel Seriously though, 9 times out of 10 these days I use this trick to place images into my project. Simply draw a shape and switch its fill to an image, but no need to click and search your computer for that image. If you are prepared like a Boy Scout, have the file open in your finder and just drag it into the image thumbnail and bam! perfectly sized photo element in your project. Take it one step further by not even having to pull images from your computer but straight from the web… I know cool right? 4. Use Command, to Find The Center Between Two Points When editing vector shapes sometimes you need to add more points and a common need for me is to add a point directly in between 2 others. Don’t eyeball that! just hold the ⌘ key and hover over the edge of the shape and it will lock onto the exact center. 5. Nesting Symbols I just cannot say enough how much I love this feature. Bohemian Coding has really spent the time listening to the modern design community and built something that makes life as a designer better. Isn’t that the point of software? The perfect example of this commitment to improving lives is Sketch’s ability to Nest Symbols inside of other Symbols to make amazing magic happen. ------------------------------------------------------------------------------------ ////////// Website http://www.jesseshowalter.com - ////////// Subscribe: https://www.youtube.com/c/JesseShowalterTV - ////////// Social Twitter: http://twitter.com/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow - ////////// Equiptment Vlogging Camera - Canon EOS M3: http://amzn.to/2hT54bo - Drone- DJI Phantom P3-STANDARD Quadcopter Drone with 2.7K HD Video Camera http://amzn.to/2n5iSQV
13:10

Illustration Challenge 04 – Monster | Sketch App

2 years Ago
Download the final Sketch file here: https://www.dropbox.com/s/d80kjqnjv8pk0oe/monster.sketch?dl=0 Music by my cumbia band, Azúcar: https://soundcloud.com/azucarcumbia Join our FB group: https://www.facebook.com/groups/sketchtogether/ ______________ This is part of a series of illustrations made with Sketch App. Check out the full playlist here: https://www.youtube.com/playlist?list=PLWlUJU11tp4cNEtopjU2TfpHeq9Y6ub9V
11:30

8 GREAT PLUGINS FOR SKETCH.

2 years Ago
Sketch is extremely robust and flexible application. With plugins, you can be more effective and faster. In today's episode, I will show you 8 plugins what I’m personally using and they help every day. - Sketch Toolbox - Invision Craft - Map Generator - Sketch Measure - Runner - PDF Export - Renamer - Distributor As for other plugins definitely, check out https://www.sketchapp.com/extensions/plugins/ where you can find latest ones. ### See new episodes before everyone one else on https://www.instagram.com/lubosvolkov/
30:40

Creating a Button System with Nested Symbols on Sketch App

2 years Ago
Resources! Simple Button System: https://www.dropbox.com/s/u5sgnre9ncnquw9/buttons-simple.sketch?dl=0 Simpler Button System: https://www.dropbox.com/s/jgwnpz1l2pv1mia/buttons-simpler.sketch?dl=0 Complex Button System: https://www.dropbox.com/s/w52cualcv4mcig0/buttons-complex.sketch?dl=0 Join our FB group: https://www.facebook.com/groups/sketchtogether/ Download Auto Layout Plugin: https://animaapp.github.io/Auto-Layout/ Blank Starting Point: https://www.dropbox.com/s/6dntvzjuuxb4bg5/buttons-blank.sketch?dl=0
15:23

USE SKETCH SYMBOLS LIKE A PRO!!

2 years Ago
Last time we had a look on https://youtu.be/nSUV9ID0uJA?t=7s but it was at a time to level up and show something slightly more advanced. In today's episode, we are going to have a look how sketch symbols can help you to built your robust design and user interface systems without any hustle. ###### I will make making way more design oriented videos, tutorials, behind the scenes, so make sure you hit that subscribe button! Thank you for watching and see you next time! ### See new episodes before everyone one else on https://www.instagram.com/lubosvolkov/
5:22

8 SKETCH FEATURES THAT SPEED-UP MY WORKFLOW

2 years Ago
Today. I wanna share my tips/experience with sketch app, this video is mostly for starting designers, but I guess even more experienced designers, could find some helpful hacks they didn’t know before. 0:15 • #1 Using Scissors 0:50 • #2 Rotate Copies 1:22 • #3 Using Shape Corners 1:48 • #4 Math Inputs 2:25 • #5 Smart Duplication 2:58 • #6 Path on Layer 3:26 • #7 Quick Opacity Change 3:53 • #8 Piecharts I will make making way more design oriented videos, tutorials, behind the scenes, so make sure you hit that subscribe button! Thank you for watching and see you next time! ### See new episodes before everyone one else on https://www.instagram.com/lubosvolkov/
12:24

Sketch App UI Design to Android XML Tutorial

2 years Ago
Designing Getting Started Page for Mobile UI Design to Convert it into Android XML using Android Studio. Why do you need to Subscribe my channel? 1. It's free (you just need the google mail account) 2. Up to date (every my videos in your mail) 3. Help me to grow up this channel 4. More subscriber = More events. 5. Subscribe channel Angga Risky :) Learn Android with my friend: 1. Robby Dianputra: https://www.youtube.com/channel/UCoAtRuBwX_I2kFiUoTVgUmQ Follow Me :) dribbble: dribbble.com/anggarisky behance: behance.net/anggarisky facebook : @anggariskys twitter: @anggariskys google+: plus.google.com/+anggariskysetiawan instagram: anggariskysetiawan website: www.anggarisky.com
6:49

Improving Web and Mobile App Typography – 5 basic guidelines

2 years Ago
One of my goals this year is to digest important concepts in design and then try to explain them in a concise, easy-to-follow format. My first attempt is on typography. I studied from the best and I was able to list five essential principles to improve the typographic quality of your web and mobile app products in this video. I hope you like it—your feedback would be greatly appreciated. Here are five essential practical guidelines to improve your typographic quality of your web and mobile product designs. 1. Start by choosing your body text typeface. 2. Try to avoid mixing typefaces. 3. Watch your line length. 4. Balance line height and point size. 5. Use proper Apostrophes and Dashes. I plan to go more into detail in a crash course on typography that I’ll publish here. We’ll talk about the difference between typefaces and fonts, how to choose the right type, where to discover good typography, pairing typefaces, and more conceptual stuff. In the meantime, check out these awesome resources: RESOURCES: To find fonts for the web and mobile apps https://typekit.com/ https://fonts.google.com/ Typewolf, a great source of inspiration and resources https://www.typewolf.com/ Just My Type, learning how to mix typefaces http://www.justmytype.co/ Jessica Hische’s fantastic guide on type for the web http://jessicahische.is/talkingtype Professional web typography by Donny Truong https://prowebtype.com/ Butterick’s Practical Typography http://practicaltypography.com Style Manual by Andy Taylor http://stylemanual.org/ Fonts have feelings too, by Mikael Cho (great read) https://medium.com/who-what-why/fonts-have-feelings-too-1523564d966c#.boqxndw40
28:10

Flexbox for Sketch App: Stacks Auto Layout Plugin

2 years Ago
Download the Plugin: https://animaapp.github.io/Auto-Layout/ Download the resource file: https://www.dropbox.com/s/45ge1hoagg7uucs/stacks-demo.sketch?dl=0 Watch the first video on Auto Layout Plugin: https://www.youtube.com/watch?v=v393LgriWCs&t Medium Post from the Anima Team: https://medium.com/sketch-app-sources/auto-layout-introducing-stacks-flexbox-for-sketch-c8a11422c7b5#.rgghpipwo I just started a Facebook group for fellow designers to help each other on technical and other pro advice. Join us! https://www.facebook.com/groups/1909088082668870/ --- Stacks and Auto-Layout Sketch Plugin Just like Flex Box in CSS, UIStackView in iOS, and FlexboxLayout in Android - Auto-Layout’s with its new Stacks feature is, once again, changing the game.
14:16

First Sketch Tutorial 2017! Profile UI/UX • Sketchapp Tutorial / Sketch 4 Tutorial

2 years Ago
► Buy me a coffee here: http://www.patreon.com/maex ► Website: http://sketchapp.tv ► Twitter: http://twitter.com/sketchapptv ► Newsletter: http://eepurl.com/8wIKj • Support us by purchasing premium Sketch files here: http://ui8.net?rel=max --------------------------------------------------------------------------------------------- I hope you like it! Download Sketch File: https://www.dropbox.com/s/ydaq3b1nujpuxtk/vid173.sketch Download Icon Set: http://browse.sketchapp.tv/post/111639666960/material-icons --------------------------------------------------------------------------------------------- My Camera (Canon EOS 70D) USA: http://amzn.to/2mozZuy Germany: http://amzn.to/2mi5GsC My main lens (Tokina 11-20mm 2.8) USA: http://amzn.to/2mwsUax Germany: http://amzn.to/2llhbLX My secondary lens (Tamron 24-70mm 2.8) USA: http://amzn.to/2lQLZaG Germany: http://amzn.to/2lGPE8A My flexible vlogging tripod (Joby Gorillapod) USA: http://amzn.to/2lGQIeB Germany: http://amzn.to/2mhXPLM My portable DSLR mic (Rode VideoMic Pro) USA: http://amzn.to/2laQFUH Germany: http://amzn.to/2moSPBX My stationary tutorial mic (Rode NT-USB) USA: http://amzn.to/2moX6Ft Germany: http://amzn.to/2lGOhH4 My action camera (Gopro Hero 5, newer model) USA: http://amzn.to/2lvDG0O Germany: http://amzn.to/2l8D4lD --------------------------------------------------------------------------------------------- About: Sketchapp TV features one free premium Sketch 3 resource a day. 365 days a year. Sketchapp TV provides free Sketch 3 tutorials and videos about Sketch 3 plugins and prototyping using InVision, Marvel & Principle. The Sketch 3 videos cover topics like designing for iOS, Android, Web UIs and designing icons. New videos include topics about UI/UX, freelancing, life as a designer and much more! Sketch 3, Sketchapp, Sketchapp 3, Sketch 3 Tutorials.
31:47

ADVANCED Symbols in Sketch

2 years Ago
Get the FREE Sketch files here → http://mds.is/sketch ↓ Gear, Social media links, and more ↓ NUCLEO (icon app) https://nucleoapp.com/?ref=mds GEAR Main Camera → http://amzn.to/2dAM8gF Awesome Small Tripod → http://amzn.to/2dDWXet Rode Microphone → http://amzn.to/2dS9PfD Camera I don’t use as much → http://amzn.to/2dUWJmp FOLLOW ME Twitter → http://twitter.com/mds Instagram → http://instagram.com/mds Dribbble → http://dribbble.com/mds Facebook → http://facebook.com/studiomds
7:38

Auto Layout Plugin for Sketch App

2 years Ago
Auto Layout Plugin for Sketch App Get the plugin here: https://animaapp.github.io/Auto-Layout/?ref=sketchtogether Download the file from the video here: https://www.dropbox.com/s/x8slynbjpg0x2kb/auto-layout-demo.sketch?dl=0 Check out our startup, Carbon Health. We're making healthcare easy: https://carbonhealth.com/ Auto Layout is a Sketch Plugin that enables defining and viewing and adapting your designs to different device sizes and responsive breakpoints.
20:31

Animating a Mobile App Walkthrough With Flinto and Sketch

2 years Ago
Creating a mobile app walkthrough with a parallax effect using Sketch App and Flinto for Mac Project created for Carbon Health. Come check us out if you're in SF: https://carbonhealth.com Get the source files here: https://www.dropbox.com/sh/bj5g135s4jabl4v/AACRb1kjO5osNfeDzw-mCTYDa?dl=0
24:23

My favorite Sketch Plugins (Recorded Live)

2 years Ago
Live Demo of my favorite Sketch Plugins! (sorry about the glitches) Here's the list: 0:33 Clipboard Fill: https://github.com/ScottSavarie/Clipboard-Fill 2:20 Craft Plugin: https://www.invisionapp.com/craft 8:46 Sketch Icon Font: https://github.com/keremciu/sketch-iconfont 9:50 Rename It: https://github.com/rodi01/RenameIt 11:07 Magic Mirror 2 http://magicsketch.io/mirror/ 16:05 Sketch Prism: https://github.com/ment-mx/Prism 18:33 Runner: http://sketchrunner.com/ 21:32 Sketch Measure: http://utom.design/measure/ 23:17 Other: Flinto / Principle / Marvel / Zeplin Get notified when I do these by subscribing to my email list: http://sketchtogether.us12.list-manage.com/subscribe?u=88328e131c58d0c0995e899eb&id=56742abe53
12:05

Create a symmetrical airbnb logo in Sketch App.

2 years Ago
Create a symmetrical airbnb logo in Sketch App. There is several ways to achieve the same result, so feel free to try or suggest other ways to create the airbnb logo. Actually now that i see the video i can think of better ways to create some parts of it, i'm thinking of creating a new more refined video in the next month. I will keep you posted! EDIT... i did a new video! a more easy way to create the airbnb logo, with the pen tool https://www.youtube.com/watch?v=EyJgki8vwU0
20:28

Fast Prototyping with Sketch, Invision and Craft

2 years Ago
In this video I'm taking a quick overview of Craft by InvisionLabs, a free plugin for Sketch and Photoshop to add pretty neat Content Management and Prototyping functionalities. Craft: https://www.invisionapp.com/craft Invision: https://www.invisionapp.com/ Sketch: https://www.sketchapp.com/ :: Support Me :: http://www.alecaddd.com/support-me/ :: Tutorial Series :: WordPress 101 - Create a theme from scratch: http://bit.ly/1RVHRLj WordPress Premium Theme Development: http://bit.ly/1UM80mR Learn SASS from Scratch: http://bit.ly/220yzmZ Design Factory: http://bit.ly/1X7Csaz Affinity Designer: http://bit.ly/1X7CrDA :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: http://bit.ly/1Y7sunz Facebook: https://www.facebook.com/alecadddpage
12:30

10 Quick Tips for Sketch 3

2 years Ago
Part of a series on Sketch 3 Basics. Full list here: https://www.youtube.com/watch?v=cEplnCnZuDM&list=PLWlUJU11tp4fEXI8deWhBQAHDv9R23WHB Yo! I made a course on Sketch 3 and UI Animation/Prototyping tools. Check it out: https://www.udemy.com/ui-animation/?couponCode=CoolioIglesias 50% Coupon Code (just $10 bucks): Coolio Iglesias
10:29

Introduction to Sketch for web design – 101 software tutorial | CharliMarieTV

2 years Ago
A 101 introduction tutorial to the Mac software Sketch for designing websites. Please remember to subscribe http://bit.ly/1aE5UOT When I switched from using Photoshop to design websites to using Sketch, I had a colleague walk me through the basics and it was a HUGE help with the learning the curve, so that's what I'm trying to do for you in this video! I hope this walkthrough, showing you the most important basic features of Sketch that I use when designing websites, comes in handy and helps you get up and running if you're a beginner. This is my first software tutorial, so please let me know what you think of it in the comments! // LINKS Download Sketch: https://www.sketchapp.com/ Bootstrap: http://getbootstrap.com/ Sketch toolbox: http://sketchtoolbox.com/ Content Generator plugin: https://github.com/timuric/Content-generator-sketch-plugin Wireframing tutorial video: https://youtu.be/PmmQjLqJQlY Web design resources video: https://youtu.be/tiQ5Uss6YV4 ----------------------------------------------- // ENJOY MY VIDEOS? My videos no longer have pre-roll ads because I think ads are annoying. That means you don't have to sit through ads, and it also means I don't earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is order something from my online store! I make t-shirts and printed products and you're bound to find something you like :) Check it out at: http://linernotekids.storenvy.com ----------------------------------------------- // ABOUT ME Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting videos every Saturday about design, fashion/beauty and DIYs and vlogs every Tuesday here on CharliMarieTV. Please subscribe and say hi in the comments so we can be friends :) ----------------------------------------------- // MORE Blog: http://www.charlimarie.com Online apparel store: http://linernotekids.com/ Design portfolio: http://charlimarie.com/portfolio Podcast: http://designlife.fm // SOCIAL Twitter: https://twitter.com/charliprangley Instagram: http://instagram.com/charliprangley Facebook: http://www.facebook.com/charlimarieTV Snapchat: charlimarietv My sister SmayJay's channel: http://www.youtube.com/channel/UCHwfF...
0:12

100

12 months Ago
Scaling in Sketch
Forget your password?