Tag: user interface

  • Free Adobe Experience Design XD wireflow kit

    Free Adobe Experience Design XD wireflow kit

    This week I started using the new Adobe Experience Design (XD) and I have to say I am quite impressed with it. Still in a Beta version, if we compare to sketch, some important features are still missing, but in generally the ones available for the moment are enough to start a project and considering the collaborative options already working plus the prototype features this tool finally becomes a good option to Sketch.

    So today we share here a very complete wireflow kit ready for Adobe XD.

    It includes a collection of:

    • Layout Grids
    • Website standard pages
    • E-commerce
    • Dashboard
    • Arrows and extras

    Very helpfull kit, and it’s available for free.

    Credits for: Dimitris Chronopoulos

    Link for Resource Here

     

    Grids
    Adobe XD wireflow kit
    E-commerce
    Dashboard
    Arrows and extras
  • 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 flowchart kit for sketch

    Free flowchart kit for sketch

    Free flowchart kit for sketch it’s a perfect tool for web designers who want to create sitemaps in minutes. Project managers, web developers, who want to build their sitemaps without spending hours on the process, will be able to do it with this fully customizable and scalable vector elements with 3 pre-defined color themes for creating fast sitemaps and wireframes.

    Credits for: gregdlubacz

    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

     

     

     

     

     

     

     

  • 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