Useful to the designer and developer. Fresh utilities and tools to speed up the work. Issue 10

    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


    Dribbble → Sketch palette

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

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


    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.



    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.


    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.

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


    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.

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


    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



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


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

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



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



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


    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 :)

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


    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.

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

    #uikit #sketch

    macOS ui by

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


    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.



    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.



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


    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 :)



    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.

    #development #vue #js


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


    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.

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

    #tutorial #video

    Machine learning for JS tutorial

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



    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? :)


    Online PNG tools

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

    #webtools #development #js

    Ui charts

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

    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 editionsecond editionthird editionfourth editionfifth editionsixth editionseventh editioneighth editionninth edition

    Also popular now: