Check out the slides from the workshop below:

Working With Developers Slides

View the slideshow from the workshop

Read More

www.beautiful.ai

Here are some of our favorite tools mentioned in the workshop for design and developer handoff. For a full list of UX tools, checkout the link below:

Design Tools Database

Check out a full list of tools here!

Used For:

Relaying styles, assets, and content to developers. Handoff tools take your design files, and make them easy for developers to pick apart and build

Benefits:

✅ Increased accuracy from design to development

✅ Less documentation needed to convey styles

✅ Integrated with all major design programs

Recommended Tools:

Zeplin

Bring harmony to design delivery

Guide to developer handoff in Figma

Learn from designers and developers about how their teams approach the handoff process.

Used For:

Quick sketches, flows, and "markups" to outline and discuss decisions, and how design and development overlap

Benefits:

✅ Get quick insight to the effort and time involved in building something

✅ Less documentation needed to convey ideas

✅ Fast, but effective!

Recommended Tools:

Figjam

A visual collaborative whiteboard where teams can diagram, brainstorm, and organize ideas together.

Miro

Miro is a visual workspace for innovation where teams manage projects, design products, and build the future together. Join 60M+ users from around the world.

Used For:

Managing activity on a project, and having a better understanding of the steps that different departments/people are working on to build a cohesive product.

Benefits:

✅ Identify bottlenecks, and areas that need attention

✅ Manage timelines and deliverables across design and dev

✅ Shared understanding of broader goals and projects

Recommended Tools:

Trello

Make the impossible, possible with Trello. The ultimate teamwork project management tool. Start up a board in seconds, automate tedious tasks, and collaborate anywhere, even on mobile.

Asana

Work anytime, anywhere with Asana. Keep remote and distributed teams, and your entire organization, focused on their goals, projects, and tasks with Asana.

Overflow

An excellent tool for creating userflows, journey maps, and diagrams. Works with most design programs, and useful for showing full experiences, quickly!

Overflow

Create interactive user flows and stunning design presentations to engage your audience in synchronous or asynchronous design critique.

Google Sheets Sync for Figma

Google Sheets Sync | Figma Community

Figma Community plugin - Sync content from Google Sheets directly into your Figma file. This is not an official plugin created by Google • It is simply created with ❤️ by David Williames If you want to support the continued development of this plugin, why not buy me a coffee at: buymeacoffee.com/d…