Slicy<\/h4>\n
![\"MacRabbit](\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/02\/MacRabbit-Slicy.png\")
<\/p>\n
Forget what you know about slicing PSDs, now there\u2019s a whole new way that saves you time! Slicy reinvents Photoshop slicing by exporting PSD elements as assets for your website or app. All you have to do is rename your layer groups once, and let Slicy take care of everything else! Designers and developers, rejoice! Check out Slicy here<\/a><\/p>\n Prototypo is an open-source online application that gives anyone, from hobbyist to professional, total control of typeface design. By using sliders, predefined styles, refine spacing and outlines manually, there are over 20 parameters to create a wide range of fonts, quickly moving from idea to a usable font.<\/p>\n Prototypo integrates historical, mathematical and visual rules of this discipline to automate repetitive tasks and lets you focus on shape design. Prototypo is currently in the works and allows access to the developer version by subscribing to their newsletter. Check out the site here<\/a><\/p>\n Webflow is a professional site builder for designing responsive websites from scratch. The difference? No coding is required. Yep, you read that right. Webflow automatically generates beautiful code for you as you design so there\u2019s no need to rely on a developer.<\/p>\n Webflow generates valid markup and stylesheets and works across all modern browsers & devices. You can try out Webflow with a free account, which allows you to create one private site and up to 20 public sites. Check it out here<\/a>.<\/p>\n Based on Google\u2019s Material Design, Matthew Aussaguel created the Material palette generator to help designers and developers quickly generate a specific color code. All you have to do is pick 2 colors and the palette will automatically pull the code for you. Share and export colors to different formats such as XML, LESS, CSS, SASS, PNG or SVG. Check it out<\/a><\/p>\n Here are some great ideas where you can generate mockups of laptops, phone or tablet. Great for your portfolios, presentations, design showcases, websites, and more, there\u2019s no copyright or attribution needed so use this for personal or commercial use. Great for designers, place your app or web design<\/a> in a realistic environment and start impressing folks! Check it out here<\/a>.<\/p>\n Claimed to be the fastest, smoothest, most precise vector software available, Affinity Designer is the go-to tool for graphics, websites, icons, UI design or for creating cool concept art. Created to revolutionise how you work, AD allows pan and zoom at 60fps, transform objects in correct z-order, make adjustments or apply effects in real time, and see live previews of brushes or tools.<\/p>\n Whether you\u2019re working on a 100 MP image, or the most complex vector drawing with thousands of curves, it\u2019s still the same and never runs out of memory. Check out more of Affinity here<\/a>.<\/p>\n Here\u2019s another awesome tool for building websites. Similar to Webflow, The Grid does not require any coding. However, it does take web development to another level \u2013 and what it promises does seem exciting. It is NOT another do-it-yourself website builder. The Grid harnesses the power of artificial intelligence to take everything you throw at it – videos, images, text, urls and more – and automatically shapes them into a custom website unique to you. Check out their pitch video below.<\/p>\nPrototypo<\/h4>\n
![\"Prototypo](\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/02\/Prototypo-Streamlining-font-creation.png\")
<\/p>\nWebflow<\/h4>\n
![\"Top](\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/02\/Top-Responsive-Website-Builder-Webflow.png\")
<\/p>\nMaterial Palette<\/h4>\n
![\"Material](\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/02\/Material-Design-Color-Palette-Generator-Material-Palette.png\")
<\/p>\nMagic Mockups<\/h4>\n
![\"Magic](\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/02\/Magic-Mockups-\u2022-Free-real-life-mockup-generator.png\")
<\/p>\nAffinity\u00a0Designer<\/h4>\n
![\"Affinity](\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/02\/Affinity-Designer-Professional-graphic-design-software-for-the-Mac.png\")
<\/p>\nThe Grid<\/h4>\n
![\"The](\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/02\/The-Grid.png\")
<\/p>\n