The 10th "Anniversary" release of useful pieces for designers and developers. Today in issue 31 is a reference to all sorts of fresh goodies. Nothing more to add → study for yourself and share with friends!

By the way, if you use Figma , I recommend paying attention to our ready-made design systems . They help freelancers complete more orders per month, programmers are allowed to create beautiful applications on their own, and team leads “sprint” sprints faster using ready-made design systems for team work.

And if you have a serious project, our team is ready to deploy a design system within the organization based on our best practices and tailor it to specific tasks using Figma. Web / desktop, and any mobile. We are also familiar with React / React Native. Write to T: @kamushken

#sketch

Dribbble → Sketch palette

A free extension for the browser that allows you to import a palette from any Dribbble shot immediately into Sketch

github.com/amiechen/dribbble-sketch-palette

---

#uikit #sketch

Planguru Free UI Kit

Netguru is promoting a free UI kitik on the theme of the task scheduler. There are versions for Sketch and PS.

www.behance.net/gallery/62593397/Planguru-Free-UI-Kit

---

#development

Direct select android

Ramotion issued a ready-made code for mobile devices with a new approach to selecting an item in any list. The approach is based on the same concept as a pin fixed in the center of the screen, and the map below it is shifted by a swipe.

github.com/Ramotion/direct-select-android

---

#webtools

Emojiers

The new catalog of all emoji, sorted by category. There is a search functionality, by clicking a character is copied to the buffer. Emoji has often been used recently in publications, interfaces, and documents to enhance meaning.

www.emojiers.com

---

#tutorial

Improve your landing page

In his article (eng) Alexander Handley compares the techniques and approaches to the visual development of the landing pages of the 3 largest Western companies.

medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04

---

#framer #sketch

Sketch → Framer

Framer launches the plugin for those who want to seamlessly migrate from Sketch. The redistribution of the market in all its glory.

framer.com/sketch/?utm_source=designer_news&utm_medium=launch_post&utm_campaign=sketch_copy_paste

---

#tutorial

Hand lettering tutorial

Extensive TopTal tutorial on caligraphic design (eng). Inside there are many beautiful handicrafts with links to the authors. Ideal as a source of inspiration.

www.toptal.com/designers/typography/hand-lettering-tutorial

---

#development #js #vanilla

Onboarding driver

Fast, easy, free library for highlighting the necessary sections on your site. Absolutely ideal basis for creating walkthrough / onboarding for any web products.

kamranahmed.info/driver

---

#development

Newsletters for web developers

A web developer named Travis Van Der Font picked up and collected in one post the most top-rated and useful in his opinion newsletters on webdev'a

codeburst.io/newsletters-for-web-developers-c6d6590f7f55

---

#development

Prettier

Prettier is an indispensable tool for developers to automatically format code. The link leads directly to "How it works", more than 8 languages ​​are

supported prettier.io/docs/en/index.html

---

#news #xd

Xd news

I take this opportunity to congratulate those who use Adobe XD - now he has learned to open PSD and Sketch files.

www.adobe.com/products/xd/features.html?promoid=5NHJ8DC6&mv=other

---

#news #development

Stackoverflow.com survey 2018

The Stackoverflow, which doesn’t need to be introduced, has published a survey of more than 100,000 web developers on the topic of professional development.

insights.stackoverflow.com/survey/2018

---

#webtools

Artpalette

Google has released its own image-based color scheme generator. Experimental :)

artsexperiments.withgoogle.com/artpalette

---

#stock

Motosha

Fresh free imagebank. In this area, new images are always good, because here and there you come across hackneyed faces with pixabay.

www.motosha.com

---

#figma

Material components on video

A small fascinating video showing 1682 material components of a design system in Figma. Perhaps this is a record team library today :)

youtu.be/fj0RKgZecT0

---

#webtools

Webflow.com ecommerce

Webflow coolly announced e-commerce solutions. Without coding by hands and templates. In fact, from the point of view of the environment of the tool itself, there is nothing new. Just a quality presentation and an attempt to target an audience that works in the field of ecommerce.

webflow.com/ecommerce

---

#sketch

Native web components for sketch

If you work in Sketch, the next library of components has been released for you. And not simple, but native! Yes, and under the web. The appearance is simple and unpretentious, but the author claims that the point is not at all in this. You can find it in his post on Medium, where he explains how it works.

blog.prototypr.io/native-web-components-a-free-sketch-library-eaed1a8af936

---

#uikit #sketch

Card ui kit deck

Another UI kit is released by InvisionApp. Designed for products where the flow of information in the form of cards is mainly used. PSD / Sketch.

www.invisionapp.com/blog/card-ui-kit-deck

---

#uikit #sketch

macOS ui by Sketchapp.com

A fairly extensive and proprietary lib UI components macOS from Sketchapp. This is the official UI kit.

sketch.cloud/s/VEp78

---

#development

Light snackbar

Light is a small material design style add-in for notifications that allows you to use the standard Android snackbar in a more elegant way. This is an interesting example when standard components start to “sound” in a new way.

github.com/TonnyL/Light

---

#stock

Pixelify

A huge new stock for designers, full of free buns in the form of fonts, icons, banners, ui whales and other graphics. Search filtering is available. Some sections are already well filled, some are not very good.

pixelify.net

---

#stock

UIfaces

A large library of faces and faces to fill your prototype with userpics. Using filters, you can specify the range of ages, emotions, as well as the sources by which to search (unsplash, pexels, pixabay, etc.).

uifaces.co

---

#webtools

Color wheel

Fairly simple, but curious “coloring” of graphics. Download a monochrome design and get a lot of different color schemes. Ideal for lazy designers who want to quickly show a lot of options to the customer :)

brandmark.io/color-wheel

---

#webtools

Emojiart

Emoji these days is quite important not just as emoticons. A new curious trend is emoji art. This library contains many ready-made combinations to copy, for example, in correspondence.

emojiart.org

---

#development #vue #js

VueDS

Free open source library to create design systems based on Vue.js

vueds.com

---

#webtools

Cover letter

For lazy programmers, there is also something useful - an automatic cover letter generator. Complete 4 inputs with your experience and skills and generate cover letter.

www.dailycodingproblem.com/coverletter

---

#development #git #python

Sketches to HTML

An experimental project in Python from Indian colleagues, which (attention!) Will upload a picture with a drawn layout by hand and convert it to HTML. Machine learning and artificial intelligence in all its glory!

github.com/ashnkumar/sketch-code

---

#tutorial #video

Machine learning for JS tutorial

Absolutely Hit Machine Learning Video Tutorial Using Javascript! (1k + likes “for” and only 4 “against”).

www.youtube.com/watch?v=9Hz3P1VgLz4

---

#webtools

Trianglify

The strongest browser generator of polygon textures with a bunch of settings: color, size, kink, and so on. The author, where were you a few years ago when it was a trend to stick such textures into any layout to blur the eyes of the customer? :)

trianglify.io

---

#webtools

Online PNG tools

Online PNG image handler. You can convert, improve, customize images without leaving the browser and without resorting to desktop image editors.

onlinepngtools.com

---

#webtools #development #js

Ui charts

New rich library for creating graphs and data visualization for any web-products.

ui.toast.com/tui-chart

---

You can share this article. Let us together develop a design community and support developers by helping them distribute their useful and free products. Thanks for attention!

Timeline: first edition • second edition • third edition • fourth edition • fifth edition • sixth edition • seventh edition • eighth edition • ninth edition