Design&Prototype Newsletter #4

Francesco Bertocci
Design&Prototype
Published in
5 min readSep 25, 2017

#Sketch #UIDesign #Prototyping #Plugins #Tips

Hello,

I love to try every possible prototyping tool out there as well as Sketch plugins :)

Below a mix of links and articles I found, workshops and events. Enjoy!

👉 Follow me on Free&Willing or sign up for the newsletter

Merge duplicate symbols in Sketch — Design + Sketch

#Sketch #Plugin #Productivity

Ever worked in a brand new Sketch project, and realise that you can import somehow artboards or symbols from another project to save some time? Or collaborating with some other designers in different…

View now

Event: Fuse, A New Approach to Designing and Developing Native Mobile Apps

#Events #UX #Mobile #Fuse

We’re co-hosting this Meetup with other four groups this time. We’re having a Fuse engineer coming from Oslo to speak, so I really hope to see you there!

Come and discover a new approach that integrates design, prototyping and development. Fuse unifies development with design through rapid, real-time workflow, visual tools and simplified code, resulting in real native apps for both iOS and Android (from the same codebase) — all the way from prototype to the app store.

In this presentation, we’ll show some examples of what can be achieved with Fuse, and briefly examine the make up of a finished app.

View now

Rename It — Sketch plugin that batch renames layers and a lot more.

#Sketch #Plugin #Productivity

Sketch plugin that batch renames layers and a lot more.

View now

Workshop: Sketch and Framer — Design & Prototype NYC Meetup

#Sketch #Prototyping #Framer

Watch Framer tutorials here ( https://FreeAndWilling.com/fbmore?go=Framer-Tutorial-Videos ).

View now

Sketch Library Inception for Projects and Design Systems

#Sketch #DesignSystem #UIDesign #BestPractice

Last week Sketch released Libraries in their 47 Beta, my number one dream feature and something I had a chat with Megan Raddatz about in the comment section of one of my articles from last year…

View now

Design Resources — Apple Developer

#iOS #DesignGuidelines #Sketch #Photoshop #AdobeXD

Design apps quickly by using Photoshop and Sketch templates, plug-ins, and other preconfigured UI elements.

View now

How To Create A Hamburger Menu For Your Website — Design + Sketch — Medium

#Sketch #Prototyping #LaunchPad #Anima

Launchpad allows you to go from Sketch to HTML, and publish websites directly from Sketch. On this update we introduce animations & overlays. 📱 Mobile screens have limited screen space. That’s why…

View now

SketchStyles: A Sketch plugin to import & export text styles.

#Sketch #DesignSystems #Productivity #plugin

A Sketch plugin to import & export text styles.

View now

52 Research Terms you need to know as a UX Designer

#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…

View now

6 Animation Guidelines for UX Design

#animation #motion #interactiondesign #UX

Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged.

You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.

View now

PSD to Sketch Design Converter

#Sketch #Photoshop #Productivity #plugin

Switching from Photoshop to Sketch? Try this Free Online Design Converter built by Avocode

View now

Framer: Interactive Design & Collaboration Tool

#Framer #Prototyping

Framer is the best way to create interactive designs from start to finish. Design from scratch and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.

View now

Gifmock: Easily create high quality GIFs from Sketch

#Sketch #Gif #Video

Gifmock is a simple desktop application that helps you create high quality GIFs from your mockups.

View now

Introducing Twilio Studio, the Fastest Way to Build With Twilio

#Twilio #SMS

A visual drag-and-drop interface that allows cross-functional teams to accelerate the development of world-class customer engagement applications.

View now

Easy-breezy interactive 3d in FramerJS with Sketchfab API Utility — Sketchfab Blog

#Framer #3D

View now

--

--