Design&Prototype Newsletter #4
#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…
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.
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.
Workshop: Sketch and Framer — Design & Prototype NYC Meetup
#Sketch #Prototyping #Framer
Watch Framer tutorials here ( https://FreeAndWilling.com/fbmore?go=Framer-Tutorial-Videos ).
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…
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.
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…
SketchStyles: A Sketch plugin to import & export text styles.
#Sketch #DesignSystems #Productivity #plugin
A Sketch plugin to import & export text styles.
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…
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.
PSD to Sketch Design Converter
#Sketch #Photoshop #Productivity #plugin
Switching from Photoshop to Sketch? Try this Free Online Design Converter built by Avocode
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.
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.
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.
Easy-breezy interactive 3d in FramerJS with Sketchfab API Utility — Sketchfab Blog
#Framer #3D