|
#Sketch #Plugin #Productivity #Paid
The Merge duplicates plugin will automatically find all the duplicate symbols within your whole Sketch file and linked libraries and prompt you about what to do with them.
|
|
#DesignSystems #Components
Components in Design Systems and pattern libraries are helping Design scale consistently across organisations.
Frontend frameworks such as React, Angular and Vue make writing component code a breeze.
Yet it feels like our existing prototyping tools haven’t kept up - linking static images together can never describe the rich user experiences available in code.
What if we could design and prototype directly with our code components?
|
|
#UX #Research
Having written the article 53 Tech Terms You Need to Know as a UX Designer it made sense to add research terms into the mix. I’ve put together an A-Z list of research words with explanations in plain…
|
|
#UX #Research #Video
User experience recording made simple. See the screen, face, voice and touches of your users. Record in-house or remotely and without equipment.
|
|
#DesignSystems #Productivity #patterns #UX
The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.
Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways: - We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
- We can reuse code instead of reinventing the wheel or roping in an engineer.
- We can see all of our patterns in one place, quickly revealing maintenance issues.
|
|
An interactive book on how to design and code an iOS 11 app.
|
|
#Prototyping #UX #Facebook
Facebook reactions went live on 24 Feb 2016, and from that time onward it’s been a great journey for Facebook. We all just love the reactions and how it fulfills that a single like button was not…
|
|
A tiny example of how to download a JSON file over HTTP, parse it and populate the user interface based on the contents.
|
|
Learn advanced prototyping in Framer with Davo:
|
|
#Atomic #Prototyping
Atomic currently supports three types of form elements: text inputs, text areas and dropdown menus. Form elements let you capture input from users, and can be linked to variables in order to achieve form validation and other complex manipulation using script expressions. Form elements can also be animated, the same way other elements are animated.
|
|
#Framer #Sketch #Figma #Photoshop #Prototyping
Working in Sketch, Figma or Photoshop? Framer offers a fully integrated import workflow, so you can go back and forth as many times as you need. Currently, you can only import a design into Code to start animation.
|
|
#Sketch #Photoshop #UIDesign #handoff #Dev #mobile
Share & inspect Photoshop and Sketch designs on Mac, Windows & Linux. Collaborate with your team, generate CSS, Swift & Android code, export specs and images.
|
|
#Sketch #Plugin #UIDesign #handoff #DesignSystem
A great way to collaborate on design libraries and generate style guides.
|
|
#UX #Research #Video #heatmaps
See how visitors are really using your website, collect user feedback and turn more visitors into customers.
|
|
#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.
|
|
#DesignSystems #PatternLibraries #StyleGuide
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.
|
|
#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 #Meetup #Community #NYC #Workshop
|
|
#Sketch #Libraries
Last week we launched Libraries, our biggest and most anticipated update yet. We’re really excited about it and we know a lot of you are too, so we thought we’d take a closer look at how Libraries…
|
|
#InVision #UIDesign #Prototyping #Libraries #Collaboration
Unless you've been under a rock 🤣 you probably have already seen the video. Very exciting, especially the ability to design and do better prototyping within InVision. In InVision's words "The world’s most powerful screen design tool. Rapid prototyping, animation, built-in design systems, and collaboration—all in one place." Coming Jan 2018.
|
|