Our Favorite Tools for UX/UI

Figma#

What is Figma?#

It is a collaborative interface, cloud-based design and prototyping tool for digital projects.

Why we use Figma?#

  1. Works for individual projects as well as massive team endeavor.
  2. Automated tasks via plugins for repeated elements to speed up projects.
  3. Smart selection tool with auto adjustments for spacing, arrangement, and organizing.
  4. Flexible styles that save right to your project.
  5. Create design systems and components.
  6. Drag and drop accessible libraries.

Figma Installation#

Figma Installation


Zeplin#

What is Zeplin?#

Zeplin is a plugin and a application for Mac and Windows specialized for helping in the transition between designers and engineers.

Why we use Zeplin?#

Zeplin facilitates the transfer of designs by taking them from Sketch, Adobe XD, Figma, and Photoshop and exporting them into a format that can easily generate code snippets, style guides, specs, and assets. It's also used as a source of truth for design deliveries.

Zeplin Installation#

Zeplin Installation


Sketch#

What is Sketch?#

It is a web design vector-based graphic editor for macOS, developed by Dutch Company.

Why we use Sketch?#

It is used for user experience and user interface in web and mobile app design. Some of the features that this technology has is the prototyping and collaboration in the design.

Sketch Installation#

Sketch Installation


Material Design#

What is Material Design?#

Design system created by Google for the purpose of high-quality experience in building for Android, iOS, Flutter and web software.

Why we use Material Design?#

It is known as an entire design ecosystem, where the assets have a complex use cases helping in the development of an application. It is a fairly flexible design library that makes components easy to use and implement.

Material Design Components

Last updated on by JustinCast