The tools and frameworks I use to bring ideas to life!

I’m often asked about the tools and technologies I use for graphic design, interaction design, and creating seamless user experiences, as well as the front-end and back-end tools I rely on to bring my ideas to life. I’ve put together a list of the software, languages, and frameworks that form the foundation of my workflow.

Design tools

Figma

Figma connects everyone in the design process so teams can deliver better products, faster.

Sketch

Sketch gives you all the tools you need for a truly collaborative design process. From early ideas to pixel-perfect artwork, playable prototypes and developer handoff. It all starts here.

Axure

Axure RP is the only UX tool that gives UX professionals the power to build realistic, functional prototypes.

Miro

The online collaborative whiteboard platform to bring teams together, anytime, anywhere.

Mural

MURAL connects teams with a digital whiteboard and collaboration features designed to inspire innovation.

Invision

InVision’s Freehand has everything your team needs to bring together people, tools, and work

After Effects

It’s easier than you think to master motion design with After Effects.

Experience Design

Lifelike in every sense. Create stunningly real UI/UX designs and stand out from the rest.

Illustrator

With Illustrator, anyone can create logos, packaging designs, web graphics, and more.

Photoshop

Combine, retouch, and remix your pics. Add new color to your old black-and-whites. Make unwanted stuff disappear. Or turn a boring background into an exotic paradise. With Photoshop, everyone can.

InDesign

Create and publish books, digital magazines, eBooks, posters, and interactive PDFs with InDesign.

Development tools

HTML5

The term HTML5 is essentially a buzzword that refers to a set of modern web technologies. This includes the HTML Living Standard, along with JavaScript APIs to enhance storage, multimedia, and hardware access.

CSS3

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

JavaScript

JavaScript.com is a resource built by the Pluralsight team for the JavaScript community. Because JavaScript is a great language for coding beginners, we've gathered some of the best learning resources around and built a JavaScript course to help new developers get up and running. With the help of community members contributing content to the site, JavaScript.com aims to also keep more advanced developers up to date on news, frameworks, and libraries.

Next JS

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

NPM

We're npm, Inc., the company behind the npm Registry and npm CLI. We offer those to the community for free, but our day job is building and selling useful tools for developers like you.

Ruby on Rails

Learn just what you need to get started, then keep leveling up as you go. Ruby on Rails scales from HELLO WORLD to IPO.

DJango

Django makes it easier to build better web apps more quickly and with less code.

React JS

A JavaScript library for building user interfaces

Sass

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

Tailwind CSS

Rapidly build modern websites without ever leaving your HTML.

Vercel

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.