Design&Prototype - Medium

I get this question pretty often:

Francesco Bertocci — Mon, 23 Dec 2019 05:44:22 GMT

“What are your favorite Sketch plugins?”

I could not agree more!

Francesco Bertocci — Sun, 15 Sep 2019 11:53:39 GMT

I could not agree more! Ask for as much data realistic data as you can get (privacy is important, so must be kept in mind but designing without real/realistic data does a disservice to everyone all the way to the user that won’t find your design/prototype relevant and possibly confusing. Lots of companies ignore the issue and make it hard for designers to get access to data or provide it too late in the game when designs have been approved by all stakeholders. We need better tools to make data easier to access/use/update/refresh in our designs and Notion and Airtable are definitely improving our options! :)

🙏 Thanks for the post!

I could not agree more! was originally published in Design&Prototype on Medium, where people are continuing the conversation by highlighting and responding to this story.

Very exciting updates! Can’t wait!

Francesco Bertocci — Sat, 10 Aug 2019 12:03:38 GMT

Very exciting updates! Can’t wait!

A couple of things that would be great to see for Sketch Cloud:

Ability to selective sync artboards or at least if you see Sketch Cloud as a mirror of the desktop file at least a way to share via password protection a subset of screens with client and for presentations.
Password protecting Prototypes give them separate permissions so they can be kept private while exploring options and then shared with clients/testers without having to give them access to all the screens.

Thank you!

👏👏👏👏👏

Very exciting updates! Can’t wait! was originally published in Design&Prototype on Medium, where people are continuing the conversation by highlighting and responding to this story.

Good question.

Francesco Bertocci — Fri, 25 Jan 2019 18:20:22 GMT

Good question. 2 way synch for sure not… if Tim Van Damme exposed a public url for a file like sketch cloud does people could possibly “subscribe” (one way) to your library and when you make updates to the master branch in Abstract those changes would be pushed to the rest of the team (they would not be able to edit it though).

Would this be a good flow? I could use it too! :)

Good question. was originally published in Design&Prototype on Medium, where people are continuing the conversation by highlighting and responding to this story.

Bravo team!

Francesco Bertocci — Wed, 03 Oct 2018 22:11:55 GMT

Bravo 👏 team! Can’t wait to try it out and to start creating my own data sources! Also I have been waiting for styles overrides for some time, and I am very excited to see them finally implemented. I still wish I could pick and choose what makes into a «style» so I could have styles only for color and others for color + font + size etc. at that point combining styles like layer effects would be the next step, like we do using classes in CSS.

One thing that would be great to do is to fill symbols/designs from data sets and pick a whole «record», not only one of the below, but the whole «row» (record if we are talking DBs)…

For example:

Profile photo
Name
Username
Job title

The symbol for example would follow the a convention in order to automatically place content in the right layers, or the user could be offered the opportunity to map each field to a layer name.

Keep up the great work! I’ll post a follow up article soon!

Again 👏👏👏👏

Bravo 👏 team! was originally published in Design&Prototype on Medium, where people are continuing the conversation by highlighting and responding to this story.

Hey sorry for the delay!

Francesco Bertocci — Sun, 12 Aug 2018 02:46:50 GMT

Hey sorry for the delay!

Have you tried this plugin?

https://FreeAndWilling.com/fbmore/GitHub--wonderbit-sketch-select-similar-layers-A-Sketch-plugin-that

Hey sorry for the delay! was originally published in Design&Prototype on Medium, where people are continuing the conversation by highlighting and responding to this story.

Thanks for the support Galya over the years (and the shoutout).

Francesco Bertocci — Wed, 13 Jun 2018 17:26:04 GMT

Thanks for the support Galya over the years (and the shoutout). Looking forward to many more great events in NYC and beyond! :)

Thanks for the support Galya over the years (and the shoutout). was originally published in Design&Prototype on Medium, where people are continuing the conversation by highlighting and responding to this story.

Sketch: “Adaptable” Bottom and Top-Right Pinned Menus using Anima App

Francesco Bertocci — Mon, 30 Apr 2018 16:25:01 GMT

“Adaptable” bottom aligned menus (Left) and Top-Right aligned menu with Anima App

At the moment the only way in Sketch to make an “adaptable” Bottom and Top-Right Pinned Menu using Anima App is to “hack it”. (If you landed here it’s probably because you tried it before and didn’t really work fo you… It was a problem for me too, hence this hack 🤪)

Get the sample file or read below:

Apply a 180 degree rotation (Transform) to the stack

Apply a 180 degree rotation

AND to the actions/elements in the stack (Visually it will look the same as your original menu.)

2) Make sure to pin your stacks (bottom or top right)

Pin your stack or symbol (bottom like above, or top right)

Now when you hide an element within the stack the other will collapse correctly and adjust accordingly.

It works with normal stacks and with stacks inside symbols. Same hack for right aligned menus.

Tricky but does the job! :)

👉 Here you can download a sample file.

Let me know if you have any questions, follow the Design&Prototype Marketplace for tips, tutorials, UIKits and more.

Ciao!
Francesco

Francesco Bertocci, UX/UI/Product Designer & Founder

Sketch: “Adaptable” Bottom and Top-Right Pinned Menus using Anima App was originally published in Design&Prototype on Medium, where people are continuing the conversation by highlighting and responding to this story.

Design&Prototype Newsletter #11

Francesco Bertocci — Sat, 10 Mar 2018 00:18:38 GMT

#Design #UX #UI #Prototyping

Hello everyone!

Lots of big news as usual :) Sketch 49 brings quite a few improvements. Some obvious like prototyping within Sketch and some less obvious like easier-to-look-at override panels and find-and-replace colors. Framer allows now to simply copy and paste from Sketch and more.

Don’t miss the upcoming events if you are in NYC.

View as a filterable grid or view as a list below. (💌 Sign up for the newsletter)

Prototyping, Libraries on Sketch Cloud and an official iOS UI kit in Sketch 49

#Sketch #Announcements #Libraries

The latest update introduces Prototyping, the ability to subscribe to Shared Libraries on Sketch Cloud, and a built-in Apple UI Design Resource. Find out more in the full blog post.

Design&Prototype - Medium

I get this question pretty often:

I could not agree more!

Very exciting updates! Can’t wait!

Good question.

Bravo team!

Hey sorry for the delay!

Thanks for the support Galya over the years (and the shoutout).

Sketch: “Adaptable” Bottom and Top-Right Pinned Menus using Anima App

Design&Prototype Newsletter #11

Hello everyone!

Sketch 49: Find and Replace colors everywhere!

In Sketch 48 it was already possible to find and replace colors (although I missed that…) but now the Find and Replace Colors feature has been improved!

When is this useful?

Have tons of opacities for a color and want to reduce the count?