Apple iOS 10 Design ResourcesApple released a new set of design resources that includes Adobe Photoshop and Sketch templates and other UI materials for quickly designing iOS apps. Per Apple: “The included resources are comprehensive and accurately depict the full range of UIKit controls, views and glyphs available to developers using the iOS SDK. They make it easier to understand how iOS apps are constructed and how to design apps that match the iOS design language. Included icon and glyph production files have been preconfigured to automate asset production using Sketch slices or Adobe Generator for Photoshop CC.”
Adobe Project FelixAdobe’s new Project Felix allows designers to create high-quality photorealistic images by using composite 2D and 3D assets. You can build product shots, scene visualizations and abstract art with a set of tools that already feels comfortable. The beta release is out now for Mac and Windows, and the tool does all the heavy lifting – even if you don’t have 3D visualization experience.
Lunacy: Sketch Viewer for WindowsIcons8 just released Lunacy, a tool that allows you to open Sketch files in Windows. The free tool allows users to export images, generate CSS for layers and work offline. It also inspects layers, measurements, styles, fonts and colors so you can work with Sketch files away from a Mac.
LottieLottie is an iOS, Android, and React Native library that renders After Effects animations in real time. The tool from Airbnb allows apps to use animations as easily as static images with small file sizes.
Nachos UI KitThe Nachos UI Kit for React includes a great base stack of pre-coded UI components to help you create an app with ease. All you have to do to access the component is install, import and use the parts you like. This is a community driven project so anyone can contribute and help it grow.
Commit PrintHow cool would it be to have a printed piece of artwork that shows your footprint on GitHub? While this is a total geek scenario, you can get your own custom print from Commit Print. Just plug in your username to see what your print looks like and order one for your wall. (This could make a great gift.)
IconJarNot sure how to manage all your icons? IconJar is a tool to help you organize and manage all those files. Preview, export and drag and drop icons into the tool. It works with anything, even apps that don’t natively support SVG files. While you can try it for free, this Mac app is $19.99.
DatedropperDatedropper is one of the smallest jQuery UI date pickers you will find and it is quite powerful. The new 3.0 version includes touch interactions, a large mode and redesigned scripts.
CSS PeeperCSS Peeper is a smart CSS viewer for designers that helps you access styles with a Google Chrome extension. Install the tool and you can immediately see the line height, font or button size on any website. (It’s a tool for designers who just want to know what everyone else is doing!)
Designer Flat Icon PackThe Designer Flat Icon Pack includes plenty of bright, line elements for projects. They can be used in icon sizes or as larger buttons or elements thanks to the vector format. Each element is fully editable as well, and comes in EPS, AI, SVG, and transparent PNG formats.
CSS Grid Layout TerminologyCSS Grid Layout is a set of grid vocabulary terms sitting on the grid, thanks to this great bit of code. If working on a grid give you fits, this is a good place to start.
Auto Layout for SketchAuto Layout is a Sketch plugin that allows designers to define and view a project on different screen sizes, not just iPhone 7. (There are plenty of users without the latest Apple device.) The coolest feature might be the ability to generate and see artboards for all selected screen sizes at one time.
Revision History in ElementorAre you an Elementor user? Then you will love the new Revision History feature. It logs a revision every time you save to make it easy to go back and forth between page designs and create all the backups you need along the way.
Business PowerPoint TemplatePowerPoint templates might not be the first thing that come to mind when you think web design, but how do you showcase and sell projects to clients? A great template can ensure that your presentations look as good as your web designs, and you won’t have to spend a lot of time creating them.
Vecteezy EditorVecteezy is a free SVG editor that allows you to create vector elements with ease. The Chrome, Chromium or Opera plugin allows users to edit or create vector designs in-browser, a great time-saver for small elements and tasks.
UX Process and Documentation KitDoes the idea of starting a new project stress you out? The new guide from UX Pin provides a step-by-step process to help you design a lean UX process and helps templatizes UX activities to streamline your workflow.
MaqpieMaqpie, which is still in private beta, helps you increase user retention and growth by letting users talk to each other in your SaaS app. It’s a real-time solution that works like Slack, only inside your app so users can communicate with ease.
TessarrayTessarry is an easy to use implementation of a Flickr-style justified layout. The open source code is functional and easy to use.
Minimalista Free Logo PackThis kit helps you create a simple ready to-to-go logotype in minutes. The modern options are good for a quick bit of logo inspiration, particularly for designers who hate working with logos.
BungeeBungee is a bold, thick display typeface with a fun feel. What’s especially nice is that unlike many other typefaces this lettering set is highly usable horizontally or vertically.
ZappatZappat is an uppercase condense typeface that’s designed for display. Each letter contains bold strokes with neat edges.
BW GlennBW Glenn is one of the few paid new releases on this list, but the typeface is so nice (and affordable) that it’s hard to resist. With slab and sans styles, the readable typeface is highly usable for display or body text and is a lot of fun.
Uni NeueUni Neue is a redesigned version of Uni Sans and has a bold feel with bubble-ish letter forms. It is friendly, professional and easy to read as a display option.
Black AnimalThe free version of Black Animal includes plenty of swashes in a brush style handwriting typeface. It is highly readable and a great display option. For even more letter styles, there’s also a full version available.
Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.
Searching for a tool to make cross-platform design a breeze? Desperate for an extension that helps you figure out the…
By Robert Reeve
As a creative professional, navigating the digital realm is second nature to you. It’s normal to follow an endless…
Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design…
By Max Walton