Tag: UI

  • Figma it’s the first interface design tool with real-time collaboration

    Figma it’s the first interface design tool with real-time collaboration

     

    Well today I’m glad to share here a cool tool that could be a good replacer for Sketch, it’s called Sigma and it assumes to be the first interface design tool with real-time collaboration.

     

    Interface design tool with real-time collaboration
    Figma collaboration features

    Very similar to Sketch this powerful tool is browser-based and because of that it naturally becomes multi-platform (Windows, Mac, Linux).

    Import Sketch files.
    Another important detail that could make the difference is the possibility to import Sketch files, this could be very useful for those that don’t have a Mac since Sketch for the moment only works there.

    Vector Networks is the Figma innovation to deal with paths. Instead of using paths like other tools, Figma is built on what they call vector networks, it’s compatible with paths but offers more flexibility and control.

    vector networks, innovation on path design.
    vector networks, innovation on path design.

     

    To better understand this new concept check this article wrote by Evan Wallace  CTO of Sigma https://medium.com/figma-design/introducing-vector-networks-3b877d2b864f#.ic9yp95gl

     

     

    Designs automatically adapt to different screen sizes with Constraints.
    Designs automatically adapt to different screen sizes with Constraints.

     

    Figma features

    • Interface design tool with real-time collaboration.
    • Communicate with your team directly on designs with Comments.
    • Follow along with someone else’s screen in Presentation Mode.
    • Designs automatically adapt to different screen sizes with Constraints.
    • vector networks, innovation on path design.
    • Work is constantly saved with Version History, and all edits can be accessed in one click.
    • With Live Device Preview, see your changes mirrored to your mobile device in real time.
    • Works on any operating system. Desktop apps for Mac and Windows.
    • Import Sketch files

    And for the moment it’s still free.

    Check this post Figma VS Sketch from Meng To where he gives a very complete overview of Figma features.

     

    Get Figma here

     

  • Free 274 vector line icons

    Free 274 vector line icons

    This is a cool and inspired free collection of 274 vector line icons, grouped by basic, emoticon, weather, devices and multimedia, arrows and finance. It’s available for free download and you can find the icons in PDF, SVG, EPS, PNG formats and finally as an icon font. Enjoy it and share it.

    Credits for: fps web agency

    Download Resource Here

     

    274 free vector line icons
    274 free vector line icons
  • Free Mobile UI wireflow kit

    Free Mobile UI wireflow kit

    Great free mobile UI wireflow kit with 56 Mobile Screens, a useful design resource to project your design apps, page layout, app architecture, content and UI flow.

    Includes:

    • 56 Mobile Wireframe Tiles
    • Basic UI Elements
    • Callout & Annotation icons
    • Gesture Icons

    Files Included:

    • Sketch, SVG, PDF, PNG

    Credits for:Ray Macari

    Download Resource Here
    Mobile UI wireflow kit
    Mobile UI wireflow kit
  • Free travelling icon set

    Free travelling icon set

    Now that the holidays are coming nothing better than a collection of 114 free cool icons about travelling. This free icon set is in vector ( illustrator format ) beautifully crafted, this stroke icon collection could be very useful in the Summer times or touristic places.

    Credits for: Olha Filipenko

    Download Resource Here

     

     

     

     

  • Free Web Browser Mockup for Photoshop

    Free Web Browser Mockup for Photoshop

    It’s simple but in this business is one of those mockups really useful specially when you are running out of time. As the author description says, it’s super professional and can be used with multiple variations. Drag&Drop smart objects, perfectly layered and grouped, with 3 scenes, looks great also without browsers header bar. High quality resolution (4000px * 3000px)

    This Safari browser mockup is free for personal and commercial use.

    Credits for: Mats-Peter Forss

    Download Resource Here

     

     

     

     

     

     

  • Free vinyl disc cover art mockup

    Free vinyl disc cover art mockup

    Because the vinyl art cover is here again : ) here is this cool free mockup, edit the smart object and and replace with your art.

    Credits for:Eduardo Mejia

    Download Resource Here

     

     

     

     

     

     

     

  • MUI – CSS framework that follows Google’s Material Design

    MUI – CSS framework that follows Google’s Material Design

    MUI is a lightweight CSS framework that follows Google’s Material Design guidelines. It was designed from the ground up to be fast, small and developer friendly.

    MUI is heavily influenced by Bootstrap, Polymer, and Ink as well as some of the popular Material Design frameworks (Materialize, Material-Bootstrap, Material UI). To encourage developers to hack on MUI, the source code for MUI is open-source under an MIT license.

    And if you want you can join them, they are looking for engineers and designers, in particular they’re looking for help with the following:

    • UI/UX
    • ReactJS
    • WebComponents
    • iOS
    • Android

    Here are the contacts  (contact@muicss.com) or issue a pull-request on Github!

    but the best is going to MUI site to get all the info about this cool framework www.muicss.com

    credits for: MUI

    Download Resource Here

     

    Screen Shot 2015-10-03 at 15.21.28

    Screen Shot 2015-10-03 at 15.25.40

     

    Screen Shot 2015-10-03 at 15.24.51

     

     

     

     

     

     

     

  • Free UI mockup kit with more than 50 graphic elements

    Free UI mockup kit with more than 50 graphic elements

    Great UI mockup kit with more than 50 graphic elements. Free PSD file available for personal and commercial use.

    Credits for:Kamil Koperwas

    Download Resource Here

     

     

     

     

     

  • Free UI mockup for Android eCommerce App

    Free UI mockup for Android eCommerce App

    Free UI mockup for Android eCommerce App. Concept following google’s material design
    Don’t miss it : )

    Credits for: Alfonso Severo

    Download Resource Here

     

     

     

     

     

  • 12 free hipster insignias and badges

    12 free hipster insignias and badges

    It’s a pack made of 12 great cool free hipster insignias / badges available in vector .AI .EPS .PSD

    Credits for: FREE GOODIES FOR DESIGNERS 

    Download Resource Here