Design&Prototype Newsletter #6
#Sketch #UIDesign #Prototyping #Plugins #Tips
(💌 Sign up for the newsletter here)
Looking forward to the the Fuse Tools event on Tuesday!
Since Sketch released version 47 there’s been a ton of discussion on how to adopt Libraries, especially for older projects. Below as usual a mix of links and articles I found, some Sketch tutorials I wrote myself, workshops and events. Enjoy!
#Events #UX #Fuse
Hello everyone! I am very excited about this one! I have tested Fuse a few years ago as I loved their promise, simple UX-focused code that could empower…
#Sketch #Library #Plugin #Productivity
Replace symbols in the current document with symbols from a Library.
Sketch 47 sees the introduction of Libraries, but migrating existing files to use Library symbols is one of the first big headaches. This plugin aims to help with that by allowing you to replace symbols in the current document with symbols from a Library document — maintaining overrides where possible.
N.B. the plugin currently uses symbol name to work out what to replace with what, so be careful of any conflicts.
#Fuse #mobile #UX #Prototyping #tutorials
Fuse is a set of user experience development tools that unify design, prototyping and implementation of high quality mobile apps.
In other words: Fuse takes you all the way from idea to deployed app.
#slack #DesignAndPrototype #Community
#Sketch #DesignSystems #Productivity #Websites
Brand new site for Sketch.
Select text layers, layer groups or artboards to change the text.
The following commands are available:
- Change text to Lowercase, Uppercase, Title Case and Sentence Case
- Change three consecutive periods to ellipsis
- Add a single space after every punctuation character (.,?!:;)
- Replace all double spaces with single spaces
- Replace all double line breaks with single line breaks
- Show character and word counts
#Sketch #Autolayout #Anima #Productivity
Download Anima Autolayout and the file below. Enjoy!
#ImageOptimization #UIDesign #Productivity
Back in the early days, a Sketch designer typically had to export uncompressed PNG or JPG images from Sketch and then choose a means for compressing those files (if desired) using a 3rd party utility…
#ProductDesign #Process #Inspiration
For the last four years I have continued to design dashboards and applications and I have learnt how to deal with different departments, and utilise their knowledge in order to make product designs…
Camunda is a simple app for creating technical diagrams. You can easily drag and drop any point and it will automatically create lines and arrows for you. You can also choose from different types of points which can be helpful, for example, for highlighting when a user receives an email from Intercom. Camunda allows exporting to SVG that makes it easy to colour trackable points in Sketch.
A group of researchers at Carnegie Mellon has figured out how to hook up a projector and a depth camera to a regular light fixture so that you can interact with Web apps on any surface at home, like your desk.
#Sketch #Photoshop #UIDesign #handoff #Dev #mobile
#UX #Research #Video #heatmaps
FullStory’s pixel-perfect session replay tells you everything you want to know about your customer’s online experience. Capture every click, swipe, and scroll.
Success has different definitions for everyone. Becoming a great giver upper is essential to succeeding at the things that are important to you. Give up the stuff that is holding you back from…
#HTML #RWD #CSS #Optimization
According to the data from HTTP archive, 64% of a website’s page weight, on an average, is made up of images. With mobile traffic surpassing desktop traffic, it has now become even more crucial to…
#Sketch #Free #UIKit
This minimalist Sketch UI kit was designed and shared by Julio Castellano. Happy downloading!
#DesignSystems #PatternLibraries #StyleGuid
Design System — the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards.
Pattern Library — A subclass in the design system, this is the set of design patterns for use across a company.
Style guide — Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.
Thanks for reading! Stay informed on UX, Design and Prototyping:
💌 Sign up for the newsletter here