UX Lift logo
Figma

Figma

Where teams design together. Design, prototype, and collaborate all in the browser.

Collaborate with everyone, at every phase

Each contributor owns their part of the creative process and stays in sync along the way—across any platform.

Your designers

Collaborate in context and in real time. Never worry about your files being out of date or overwriting each other’s work.

Your stakeholders

Simply send a link to collect feedback, get change requests, and allow stakeholders to make copy updates in your designs.

Your developers

Engineers always have access to the current source-of-truth and can inspect elements, export assets, and copy code.

Increase efficiency with added flexibility

Team Libraries

Share components and styles in Figma—no need for shared drives or additional tools. You and your team control how and when changes are rolled out with simple publishing workflows.

Components

Build faster and more consistently with reusable and scalable elements across your files. Access layers in each instance so you can intuitively edit and override text and images inline.

Styles

Synchronize colors, text, grids and effects across all your projects. Maintain fewer text styles and align your designs across different devices with Figma’s unique grid styles.

Prototyping

Quickly build flows by connecting screens and adding in elements like interactions, transitions, overlays, and more. Instead of syncing to other tools simply share a URL to receive feedback.

Build design systems that scale

Manage and easily share a consistent visual language with styles, components, and team libraries.

Related Tools

Kite Compositor

A powerful animation and prototyping application for Mac & iOS

Kite Compositor

Photopea

Photopea.com is a free online tool for editing raster and vector graphics with support for PSD, AI, and Sketch files.

Photopea

Vectorpea

Vectorpea.com is a free online tool for editing vector graphics with support for AI, PDF and SVG files.

Vectorpea

HTML Sketchapp

HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.

HTML Sketchapp

Figurative

Love Figma? Love your iPad Pro? Meet Figurative.

Figurative

React Sketch.app

Render React components to Sketch; tailor-made for design systems

React Sketch.app

Miro

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

Miro

Mural

MURAL is a digital workspace for visual collaboration.

Mural

Leonardo

Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.

Leonardo

Notion

All-in-one workspace. Write, plan, collaborate, and get organized. Notion is all you need — in one tool.

Notion

Vectornator

Vectornator Pro makes your designs more powerful. Visualize every detail, explore the space and let your creativity run wild.

Vectornator

Diez

Cross-platform design system framework, making it easy to adopt a unified design language across codebases, platforms, and teams.

Diez

Storybook

An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Storybook

Fractal

Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.

Fractal

Catalog

Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.

Catalog

Color Tool

Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.

Color Tool

Color Oracle

Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.

Color Oracle

Contrast

A macOS app for quick access to WCAG color contrast ratios.

Contrast

Accessible Colours

We evaluate your color combination using the WCAG 2.0 guidelines for contrast accessibility. If your combination does not meet the guidelines, we find the closest accessible combination by modifying the color lightness.

Accessible Colours

Colorblind Web Page Filter

Use the Colorblind Colorlab to select safe colors earlier in the design process.

Colorblind Web Page Filter

Sim Daltonism

The color blindness simulator.

Sim Daltonism

Accessible brand colors

This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.

Accessible brand colors

Colorable

Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.

Colorable

Colorbox

Comprehensive colour palette generator, now sponsored by Lyft.

Colorbox

Accessible color palette builder

This is a tool to help designers build color palettes with combinations that conform with accessibility standards.

Accessible color palette builder

Color Safe

Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.

Color Safe

Figmac

A super lightweight Figma desktop app that delivers a more natural Mac experience.

Figmac

Whimsical

The visual workspace. Communicate visually at the speed of thought.

Whimsical

Trello

Trello lets you work more collaboratively and get more done.

Trello

Drama

Draw user interfaces, create interactive prototypes and make animations.

Drama

ProtoPie

Interactive prototypes for the digital products of tomorrow.

ProtoPie

Principle

Create animated user interfaces and prototypes.

Principle

Mokup

Create prototypes that look and feel like real apps.

Mokup

Origami Studio

A new tool for designing modern interfaces, built and used by designers at Facebook.

Origami Studio

Framer

A free prototyping tool for teams. Bring every idea to life in Framer.

Framer

Sketch

The industry-leading tool for digital design.

Sketch

Marvel

Create and share prototypes, hand-off designs to developers.

Marvel

Flinto

Create interactive and animated prototypes of app designs.

Flinto

HotGloo

Cross platform tool for creating low fidelity wireframes and prototypes.

HotGloo

Sympli

An enterprise-grade, integrated collaboration and workflow platform for building digital products.

Sympli

Justinmind

All-in-one prototyping tool for web and mobile apps.

Justinmind

InVision Studio

Web-based design tool. Invision's version of Sketch.

InVision Studio

Adobe XD

Adobe's UX design tool. Basically their answer to Sketch.

Adobe XD

Zeplin

Handoff designs and styleguides to developers from all major design tools.

Zeplin

UXPin

Collaborative online UX design and prototyping.

UXPin

Abstract

One place to version, manage, and collaborate on your Sketch files.

Abstract

Affinity Designer

The fastest, smoothest, most precise vector graphic design software available for Mac, Windows and iPad.

Affinity Designer

Axure RP

The industry standard tool for creating wireframes and interactive prototypes.

Axure RP

InVision

Share prototypes, get feedback and hand-off to developers.

InVision

Plant

Organise Sketch files, keep track of versions, maximise productivity.

Plant

GatherContent

Unify content creation, workflow, and collaboration.

GatherContent

Avocode

Handoff Sketch, XD, Photoshop or Illustrator designs to developers.

Avocode

© 2024. Made in Manchester by Matt Kevan.

Privacy

Cookies

Contact