Design&Prototype Marketplace

Francesco Bertocci

Sr. Product/UX/UI Designer

Design&Prototype Marketplace

#Sketch #Plugins #Prototyping #UX #UIKits

A collection of select free and paid Sketch UIKits, Templates, Plugins, Workshops, Events, Online Courses, Prototyping Tools and more curated by Francesco Bertocci. Some deals are unique to the Marketplace and offered by friends and partners.

Principle: Locked nav on scroll (File)

#Principle #Prototyping #Free

You can simulate a sticky nav in Principle using drivers. (but also Framer and Atomic.io).
You can detect the vertical scroll (Y value) of the main content and hide the nav that starts at the in an "off" position (say 500px from top border) and show an identical version that it's in your locked position once the content reaches your desired point.

Click get it before to download the Principle .prd file.

View now 860

The Best Way to Export an SVG from Sketch – Peter Nowell – Medium

#Sketch #Tips #SVG

What you should know before using Copy SVG Code, and how it compares to Sketch’s Export button. Learn which one to use for exporting your design into a reliable and efficient SVG file.

View now 802

Mirr.io: turn Sketch files into shareable prototypes, without leaving Sketch.

#Sketch #Mirr #Prototyping

We’re proud to announce the launch of Mirr.io — a crafty little tool to turn your Sketch designs into working, sharable prototypes. All from within Sketch.

View now 736

Abstract - How the Bluespark design team increased productivity by 30%

#Sketch #Collaboration #Design #Tools #workflow

Collaborating with design teams regardless of being a remote employee has always been a challenge when it comes to workflow, file management and team collaboration. As designers we all have our own workflows and have cobbled together solutions to try and alleviate the age old problem of overwriting each other’s files while still having the flexibility to explore ideas independently.

View now 727

Supernova Studio: Turn Sketch files into Real Apps

#Sketch #iOS #Android #React #MobileDev

Supernova converts any mobile design to full-fledged native applications, giving the developers extra time to do actual coding. For iOS, Android and soon React Native.

View now 1242

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

#Sketch #Plugin #Productivity

Keep your Sketch files organized, batch rename layers and artboards.

View now 1 1163

Merge duplicate symbols and styles in Sketch

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

View now 1 1734

Fuse: Fetching JSON - Examples

A tiny example of how to download a JSON file over HTTP, parse it and populate the user interface based on the contents.

View now 1096

A guide to work with Sketch & Framer

Learn advanced prototyping in Framer with Davo:

Download files here to follow along
Watch the recorded session here on YouTube.

View now 1300

Sketch and Autolayout: Text with icons and Symbol overrides

#Sketch #Autolayout #AnimaApp #Productivity #Free

Download Anima Autolayout and the file below. Enjoy!

View now 1033

Icon8 Lunacy: Sketch viewer for Windows

#CSS #HTML #Handoff

Free viewer for .sketch files for Windows. Lunacy is a viewer as it should be: it works without uploading to the cloud or converting.

View now 1430

Library Symbol Replacer

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

View now 1 1366

Sketch to React Native Plugin

#Sketch #React #Plugin #Productivity

Convert Sketch files into React Native components

View now 1493

Flow Beta: Animate from Sketch files and export Native Code

#Sketch #Flow #Motion #Animation #MobileDev

Flow is a motion-design tool for animating Sketch files and eliminating the most painful parts of hand-off in app development. It bridges the gap between design and development by generating native…

View now 1067

Frames: Wireframe Kit Sketch (Premium Resource)

#Sketch #UIKits #Wireframing

Sketch App Premium sources, Frames Wireframe Kit resource, for Sketch App. Frames Wireframe Kit Sketch file Purchase.

View now 951

SketchCleaner: Clean Sketch Files

#Sketch #Plugin #Productivity

"SketchCleaner ($2 license) helps with best practices and keeping your files clean, making it easier to handoff or share with other team members or simply for yourself."

One feature I use quite a bit are the ability to “delete hidden layers” (like in Photoshop). Another pretty useful one is the ability to sort (in the layers menu) your design elements to match how they are actually laid out on an Artboard.

View now 1 1173

Sketch 48: Scale Symbols (Including Text)

#Sketch #Tips #FreeDownload

With Sketch 48 we can now scale symbols but you have to make sure to use the Scale tool. Overrides will still work and the text and borders will scale beautifully. Download a sample file below.

View now 1012

“Blockframing” and 31 Free Sketch-Ready Layouts Using Auto Layout by Anima App

#Sketch #Free #File #Blockframing

The only time I ever create “real” wireframes is when I’m trying to show a cool process shot on Dribbble… I always get excited and end up adding way too much detail, and what was supposed to be a…

View now 1013

‹ Prev

Francesco Bertocci

Sr. Product/UX/UI Designer