...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to create floating Sketch plugins, part I

#Sketch #Dev #Plugin #Tutorial

A little show and tell on creating a Sketch plugin.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Video Course: Get ahead in UI/UX Design - learnux.io

#OnlineCourses #Sketch #Framer #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Generate a sheet of symbol instances from your current document or Library

#Sketch #DesignSystems #Productivity #plugin

Generate a sheet of symbol instances from your current document or a library.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Select invisible layers on current page in Sketch

#Sketch #Plugin #Productivity #Tips

Select invisible layers on current page in Sketch









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Symbols Manager Plugin ($1 Off Special)

#Sketch #Plugins #Deals

A fast and easy way to manage all your symbols. No more hassle with long and complex symbols name, or renaming tons of symbols because you misspelled a folder name. Keep your symbols clean and tidy. What you can do. Easily rename symbols and symbol folder, Drag and drop your symbols from to folder to folder, Create new folders. See how it works. https://www.youtube.com/watch?v=bkBTQHVpups&feature=youtu.be









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR Prototyping with Marvel - Marvel Blog

#Marvel #VR #Prototyping #Sketch







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: New Sketch Plugin, Sync designs. Play prototypes. Record flows.

#Sketch #Marvel #Prototyping #Productivity

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketchtool export artboard vs. auto layout plugin - Sketch Developers

#Sketch #Anima #Zeplin #Workaround

The plugin changes the way Sketch renders layers on runtime, and since SketchTool does not load plugins, it just renders layers how Sketch itself would do if AutoLayout wasn't installed.

There's a workaround in AutoLayout (find the 'Prepare for Export' menu option) that basically flattens the render and copies the content to a new document.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Libraries, an in-depth look

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









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch to React Native Plugin

#Sketch #React #Plugin #Productivity

Convert Sketch files into React Native components









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Minimalist Sketch UI Kit Freebie

#Sketch #Free #UIKit

This minimalist Sketch UI kit was designed and shared by Julio Castellano. Happy downloading!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: Free mobile, web prototyping & handoff

#Marvel #Prototyping #Development #mobile #handoff

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Anima Launchpad: Responsive Website Template and Animate on Scroll

#Sketch #Animatio #Anima #Launchpad

We’ve introduced MyPortfolio.design last week, a free place for designers portfolio. To get you started faster, we’re releasing this freebie sample of a portfolio. First, If you haven’t tried it…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ZeroHeight: Shared Sketch libraries and Styleguide generation

#Sketch #Plugin #UIDesign #handoff #DesignSystem

A great way to collaborate on design libraries and generate style guides.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UXPin: How to Automate Your Developer Handoffs

#Sketch #UXPin #Photoshop #UIDesign #handoff #Dev #mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 2.0: Now with Prototyping and Developer Handoff

#Sketch #Figma #Photoshop #UIDesign #handoff #Dev #mobile

Big news in the Figma house today — we’re excited to finally unveil Figma 2.0. It’s an expanded version of the product you love (or at least like a lot, right 😉?) with significant new features…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designer & Developer Collaboration Tools

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Avocode: PSD & Sketch designs to web, iOS and Android code

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









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Markly: Free design collaboration app for designers and developers over Google Drive

#Sketch #Photoshop #UIDesign #handoff #Dev

Free collaboration app for designers and developers over Google Drive. Design collaboration / handoff for macOS. Integrates with Sketch and Photoshop. Design handoff, spec and redline for Sketch and Photoshop.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Camunda: Create flows in no time

#UX #Flows

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.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Zeplin: Build pixel perfect apps in peace

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Collaboration app for UI designers and Frontend Developers. Design hand-off has never been easier. Generate styleguides and resources, automatically.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sympli: Bring digital products to life faster and easier.

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Design handoff, implementation, and collaboration for web and mobile product teams. Sympli works with Photoshop, Sketch, Android Studio, and Xcode.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


26 Steps of Product & Dashboard Design – Design + Sketch – Medium

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












Scan & Share
Feed