Design&Prototype Marketplace

Francesco Bertocci

Sr. Product 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.

Sketch hacks: Make a Resizable button with Icon & Label, totally native edition

#Sketch #Productivity #Hacks #UIDesign

A few months ago, I wrote this article detailing a hack to solve a problem I was having while setting up a design system: creating a button with an icon and label, which can be stretched while…

View now 1199

Design Systems articles on building and maintaining design systems

#DesignSystems #UIDesign #BestPractices #Productivity #Figma

A Figma publication for design systems creators, designers, developers, and managers

View now 1507

The Experience Vision: A Self-Fulfilling UX Strategy

#UX #ProductDesign

In this two-day workshop Jared Spool will guide you through dozens of UX strategy plays to identify the perfect combination for your organization.

View now 1033

Sketch Plugin: Generate connection flow arrows for sitemaps and user flows

#Sketch #Plugins #UX #UserFlows #Productivity

Plugin for Sketch to create connection flow arrows for creating user flows, sitemaps and many more. Saves hours if you are doing them in Sketch. Just select two objects and click on “Plugins” → “👉…

View now 1705

Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints | CSS-Tricks

#CSS #RWD #Productivity

CSS custom properties (a.k.a. CSS variables) are becoming more and more popular. They finally reached decent browser support too.

View now 1615

Get Down to the Nitty-Gritty of Text Rendering in Sketch

#Sketch #Typography #Tips

Have you ever worked with text layers in Sketch and didn’t understand what was going on? I know I have. Out of frustration I decided to do some research and testing to figure out how Sketch renders…

View now 168

Loupe 2018: Linda Dong on Stress Testing Designs in the Real World - YouTube

#Videos #Talks #UIDesign #Prototyping #UX

Linda Dong began her talk with a hilarious live action reel depicting the expectation vs. reality of using a product-in this case, the Apple CarPlay. Drawing...

View now 1135

React for Web Designers

#React #JS #WebDev

Curious about React? Here's a simple way to understand the hype around one of the world's most popular JavaScript library.

View now 1462

Framer X: Collection of Tutorials (Various sources)

#FramerX #Prototyping #React #JS

Master interactive design with Framer’s detailed tutorials on visual design, interactive design and more.

View now 1 1445

On Switching from HEX & RGB to HSL — Sara Soueidan – Freelance-Front-End UI/UX Developer

#Colors #CSS #Productivity #UIDesign

Learn how and why to switch from RGB to HSL in your projects.

Hue: your base color, pick a value from 0 to 360 (think about the color wheel)
Sauration: how “intense” (rich or dull) your color will be (%)
Lightness: add or remove white from your colors, 50% is the middle ground, below you add black, above white. Key for creating shades of color.

View now 1263

Design Systems Repo | A Collection of Design System Resources

#DesignSystems #Resources

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

View now 1344

A Design System’s Impact – Tap to Dismiss – Medium

#DesignSystems #ProductDesign #UIDesign

I fell into this role following my passion to learn, create, and educate. You can’t exactly study design systems in school, so to be successful in this field you are constantly reaching out to learn…

View now 1208

iOS Developers’ Alert: Apple Unleashes the Power of Progressive Web Apps - DZone Web Dev

#iOS #PWAs #Mobile

Apple is working to introduce support for Service Workers in Safari. See how future support for Progressive Web Apps could change iOS app development.

View now 1320

FreeSpace Sketch Plugin: Evenly space selected Layers, Groups, Artboards and Symbols by a defined amount.

#Sketch #Plugins #Productivity #UIDesign

I created this plugin because the built in "distribute" tool wasn't giving enough control and the "grid" tool being very powerful requires more settings than I want to deal with every time.

Evenly space – vertically or horizontally – selected Layers, Groups, Artboards and Symbols by a defined amount:

1) Select the elements
2) Press Command + Alt + Shift + S
3) Enter a spacing value

Enjoy!
Francesco

View now 1 1175

Google Augmented Reality Design Guidelines

#Google #Android #AR #Guidelines

Augmented reality (AR) lets you add virtual content to the real world. You can use AR to create experiences that enhance the way people see and interact with the world.

ARCore is a platform for building AR apps. It harnesses the power of Android phones using these key technologies:

motion tracking
environmental understanding
light estimation

ARCore collects that information and uses it to integrate virtual content with the real world.

ARCore works in 2 ways:

It tracks the position of your phone in the real world, and it builds an understanding of your surroundings by identifying walls and floors in the environment.

This spec was created using internal research and analysis of AR experiences in education, shopping, creativity, and gaming. You can use this spec to design practical, innovative, and magical mobile AR experiences.

View now 1329

Form Library Sketch Resource by Davide Pisauri

#Sketch #Free #UIKits #UIDesign #Resources

Form Library Sketch Resource designed by Davide Pisauri. Connect with them on Dribbble; the global community for designers and creative professionals.

View now 882

John Maeda: If You Want to Survive in Design, You Better Learn to Code | WIRED

Tech veteran John Maeda released his annual Design In Technology report this week.

View now 1176

The ineffectiveness of lonely icons

#BestPractices #UIDesign #UX

If your target audience is a general population, you should not be using icons alone to convey anything meaningful. By doing so, you have made assumptions…

View now 1173

Interview tips from Google Software Engineers - YouTube

#JobHunting #Videos #Tips #Google #Engineering

Google Software Engineers Oliver, Tremayne, and Vivian share their advice for engineering interviews at Google. In this video they answer: 0:03 What are codi...

View now 1266

Animations in iOS: Tab Bar concepts – Flawless App Stories – Medium

#iOS #Mobile #AppDesign #Animation #Motion #UIDesign

A great selection of animated tab bars. Some are over the top but they are nonetheless great explorations of what’s possible and how to bring delight into UIs with motion and sometimes humor. Heads up: cute and cool alone are not enough, try to get some feeeback from real users. How often are your users going to see this animation? Does it take too long to execute? Or is it just the right speed. Enjoy!

View now 1608

‹ Prev Next ›