Free Tools

• Prototyping

  • Figma Setting up your Education Account 

  • Axure - Sign up for free education license

  • Invision (Lo-fidelity only) Studio video free unlimited prototype upgrade signup with SMU email code: 56-73-13-19. Or education-support@invisionapp.com, provide expected graduation. Freehand (intro).

  • Justinmind, classroom license (limited publishing storage total for all sections, get your own web host to deploy your prototype)

  • Marvelapp

  • Sketch, education license

  • POP (Lo-fidelity only)

  • Balsamiq 

  • Adobe XD CC (Lo-fidelity like)

  • UXPin Education license (sign up for a trial and then send uxpin a scan or a photo of your student ID)

  • Design Thinking with AI (Singapore Students free 10 tokens)

• Programming Languages

  • HTML 

  • CSS

  • Javascript

• Toolkits

  • jQuery

    • A popular toolkit with many plug-ins that simplifies HTML/Javascript development

    • jQuery plug-ins

      • embed.js - for embedding multimedia and emoticons in web pages

  • Layout/Controls

    • mobile: jQuery Mobile, Native Droid 2, jQT

    • desktop: jQueryUI

    • responsive: Bootstrap

  • Database: Firebase 

• Web hosting

  • Your choice!

• Source hosting

  • GitHub

    • Windows client

    • Mac Client

• Graphic Design

  • Gimp

$$ Tools

These tools cost money, but they have proven to be cost-effective by professional designers. Some tools have educational discounts, and some have trial periods that do not last the entire length of this course. If you are very serious about working in this field, however, it may be worth investing a little time and money in some of these tools.

• Web Page Layout

  • Sketch

• Graphic Design

  • Adobe Photoshop

  • Adobe Illustrator