2. Sketch is an industrial standard desktop app for vector
graphics edit to create wireframes that most designers
use. One of the greatest thing about Sketch is they
got many available plugins to help designers.
UI DESIGN
3. タイトル
Figma is one of the popular designing tools among
designers and Sketch’s competitor. Mainly used for
collaborating ideas and creating wireframes on browse
and desktop app.
UIDEESIGN
4. We use Zeplin as a main tool for handing off the
designs to developers. Developers will use design
inspect with CSS and React codes so that they can
convert the idea to life.
COMMUNICATING
5. Abstract is a tool mainly used for design version
control just like GitHub but for designers.
It also can share designs with developers with visual
specifications like Zeplin.
VERSION CONTROL
6. Adobe Illustrator is a classic tool for creating graphic
design and illustration in many industries. Many
commands are available for shortcut keys and also easy
to use with ather Adobe softwares for higher outcome.
GRAPHIC DESIGN
7. Adobe Photoshop is another industry standard tool that
many designers use. It is mainly used for photo edit,
digital painting, animation, and graphic design. A
multi-act tool.
PHOTO EDITING
8. ILLUSTRATION
Affinity Designe is a competitive illustration software
against Adobe Illustrator. It has the most Adobe
Illustrator functions and tools but in more simplified
way. Illustrator’s commands are available in clicks.
9. InVision is a famous prototype app that many
designers use for user testing and demonstrating
high-fidelity screens. This tool can create a realistic
animation to convey the perfect motion and feeling.
PROTOTYPING
10. Marvel is another popular prototyping tool that
designers use for user testing. It is suitable for paper
and mid-fidelity prototypes to conduct UX test and
interview.
PROTOTYPING
11. Whimsical is a collaborative visual workspace for teams.
It’s a unique tool that offers to create wireframes,
build user flow, create affinity diagram, and draw mind
all in one.
WIREFRAMING
12. USER FLOW
Draw.io is a powerful tool to create flowcharts, process
diagrams, architecture diagrams, BPMN charts and
more. It’s useful to visualize a complex user flow and it
helps to communicate with developers.
13. Mind Meister is an online mind map maker that is
easy to brainstorm, visualize complex ideas and share
with the team to communicate. It’s a browser based
software so the app is flexible to all OS users.
MIND MAPPING
14. FlowMapp is a UX tool to build a site map, user flow
map, persona, and customer journey map to plan the
whole user experience for websites and systems. It also
helps us to detect user flow issues by visualizing the
path.
USER FLOW
15. UX DESIGN
UserTesting is a great online user testing tool to
receive real-time feedback from real customers. This
tool will help increase the user engagement and
empathy to imrpove the service or product experience.
16. UX DESIGN
USER INTERVIEWS is another UX tool to help the UX
design process. By recruiting users online and conduct
interviews, designers can collect both positive and
negative points of the service or the product. It’s
essential to hearout the endusers voice when designing.