Are you interested in product stories about design and code? Subscribe to our unique series The Grit where we interview top-notch designers and developers every week.

Avocode Blog - Curated design & code stories worth reading

Andrew Lucas-Walsh is LA-based product designer, helping make software to support the content production process at Netflix's studio. During his career, he also managed a couple of design teams at Facebook, and now he's digging back into life as an individual contributor. He has worked on consumer products, developer tools, healthcare software, and tools for small businesses.

Accepting discomfort leads to growth with Product Designer at Netflix, Andrew Lucas-Walsh

The Grit: Andrew Lucas-Walsh, Product Designer at Netflix for Avocode

Chris Heilmann is a Principal Program Manager at Microsoft working predominantly on the Edge browser and the developer ecosystem around it - including developer tools, integration chains, and editors like Visual Studio Code.

Chris Heilmann promises big things in the open-source space

We sat down with designer Bradley G. Munkowitz and talked about the importance of personal projects. He is famous for doing all the holograms in Tron Legacy, UI work in Oblivion or the Windows 10 desktop wallpaper.

GMUNK (Bradley G. Munkowitz) on the importance of personal design work

Yuan Wang is the Experience Design Lead at Airbnb. She previously led the design of Twitter Threads and worked as a Senior Designer at Mozilla. Explore some great lessons from her impressive design journey.

Making every Airbnb trip magical with Experience Design Lead, Yuan Wang

Noah Stokes is the Design Director at Dribbble. He started his career working for Apple, but he wasn’t happy with the job. How did he join the Dribbble, and what is he currently working on? Check The Grit episode - 009.

The journey towards giving designers spotlight on Dribbble with its Design Director Noah Stokes

Julie Delanoy is the Head of Product Design at Product Hunt. Besides helping startups and makers build and launch their products, she is building a platform - Remote Stories, where people share their experience about remote work.

Head of Product Design at Product Hunt shares her tips for building your own freelance business

The Grit - Julie Delanoy, Head of Product Design at Product Hunt for Avocode

Tori Hinn is the Creative Director of Figma. Her portfolio includes clients like Apple, Etsy, or Google. She also started a project Women of Graphic Design in hopes of correcting some of the design’s gender bias.

Gender equality in design with Creative Director of Figma, Tori Hinn

The Grit - Tori Hinn, Creative Director of Figma for Avocode

Jory Raphael is the Lead Icon Designer at Font Awesome. He worked on several projects for Apple, including icons for the Apple Store iPad software. He also founded Notabli - a private social network focused around families.

Designing icons with Lead Icon Designer at Font Awesome, Jory Raphael

The Grit - Jory Raphael, Lead Icon Designer at Font Awesome for Avocode

Ivy Mukherjee is the Senior Product Designer at GRAB. Previously, she designed for Growth & Onboarding at Shopify, aiming to create experiences, where users don’t need to ask any questions. She’s passionate about Design Systems and intrigued by inclusiveness and accessibility.

Why work for a hyper-growth product company with Ivy Mukherjee

The Grit - Ivy Mukherjee, Senior Product Designer at GRAB for Avocode

Meng To is designer and the author of Design+Code Book. He is a self-taught UI/UX designer who transitioned to digital work. His passion lies in helping people improve their skills in both design and code, especially learning to implement design in real products.

Teaching designers how to code with Design+Code creator Meng To

The Grit - Meng To, Author of Design+Code Book for Avocode

I’m a Digital Product Designer at Lyft, designing software for self-driving cars. I’m also a published author, developer, design advisor, and semi-entrepreneur. Previously I worked as Product Design Lead at Atlassian…

From high school dropout to product designer at Facebook and Lyft: Tanner Christensen

Jasmine Friedl is the Head of Design at Intercom. For five years, she led design at Facebook on projects like Payments in Messenger, Safety Check, and Summit Learning Platform. Read about her lessons learned during her impressive career path.

The career path of the new Head of Design at Intercom: Jasmine Friedl

The Grit - Jasmine Friedl, Head of Design at Intercom for Avocode

People high in grit are able to maintain their determination and motivation over a long period of time. They overcome the obstacles to achieve greatness. It has become even a better precursor to success…

From flash websites to design systems with Linzi Berry, Design System Lead at Lyft

A deep dive into 5 core features that help all designers and front-end developers efficiently collaborate and turn Sketch, Adobe XD, Photoshop, Illustrator or Figma designs to code faster with Avocode.

5 things you should know about Avocode

5 things you should know about Avocode

An annual review of our favorite updates and statistics from the past year. In 2018, we shipped Avocode 3 - the new generation of our product, 48 products updates, support of three new formats (Figma, Adobe XD, and Adobe Illustrator) and more.

2018 review: Avocode 3, SDK, 48 updates and more

2018 in Review: The journey and stats of Avocode

Preview your Sketch, Adobe XD, and Figma prototypes in on place with Avocode, and see how your entire design workflow is connected before you start coding. Click through connections and comment on point.

Cover your Sketch, XD, and Figma prototyping workflow in one place

Play your Sketch, Adobe XD, and Figma prototypes with Avocode

This Avocode tutorial will show you how to open and inspect Adobe Illustrator files without Adobe Illustrator app installed on your computer. All you need is a PDF-compatible AI design file and a browser.

How to open Adobe Illustrator design files online?

How to open an AI file without Adobe Illustrator?

We’ve been observing the design space for a long time now and now we’re here to offer our parsing & rendering technology as a Software Development Kit to help everyone in the design industry to innovate faster and at a lower cost. Meet Avocode SDK!

How could the design industry innovate faster?

Need to render UI design files in your product?

If you’re using Adobe XD, you can now sync your XD artboards to Avocode just by pressing CTRL + ALT + E and selecting a project. This way, you do not have to leave your favorite design tool to deliver designs to development.

Good news for all Adobe XD Windows users: New Avocode integration here

The Avocode Integration with Adobe XD comes to Windows

With Design Overview in Avocode, you can create consistent stylesheets and see all fonts, including font-size and colors listed right next to your design. Learn more about how the Design overview in Avocode works.

Meet Design overview — the first step to design systems in Avocode

Meet Design Overview  —  the first step to Design Systems in Avocode

There are many reasons people love using Avocode: powerful inspect mode, team collaboration, design management, and many hidden features that can rapidly improve your workflow. In this article, we cover the 10 most important ones.

10 things you might not know about Avocode

10 power-user Avocode features you might not know about

Index Studio comprises a small, yet talented team of designers and developers with a penchant to deliver and develop well thought out solutions to client ideas/briefs.

How Index Studio clarified communication to developers and won their clients back

After 3 years from launching Avocode 2.0 we’re extremely excited to launch the Avocode 3 — the new generation of our product with new features that were requested 2,722 times.

Introducing Avocode 3  —  World’s first truly cross-platform design hand-off tool

Introducing Avocode 3  —  World’s first truly cross-platform design hand-off tool

Ever since the launch of Sketch, the screen design space has changed for a lot of designers. But there were a lot of creative folks who have been slightly left out — all Windows and the Linux users.

Introducing new Adobe XD integration for Windows, Linux, macOS and the web

Would be nice if you can upload your Figma design to Avocode. Figma is a new design tool which is very similar to Sketch...

Introducing a new integration to import Figma design frames into Avocode

After months of cooperation, we’re ready to release the first version of integration with Adobe XD. We believe you should not be limited by the design tool just to open and inspect a design file - with Avocode all you need is a browser.

Avocode now integrates with Adobe XD

From now on, Avocode enables anyone to import, open and inspect layered Sketch designs on Windows, Linux (yes Ubuntu too), or on macOS without Sketch app. It even works in the browser

Major update: Open and inspect Sketch designs on Windows, Linux, and macOS

Don't you just love it when you meet a tourist in your own country and suddenly he starts speaking in your native language? Only last month, we had people from 126 countries visiting our website.

How we translated the Avocode website written in Next.js with the i18next package (2/2)

“Aside from the clear advantages of Next.js, the biggest game-changer for us is the modularity of the codebase. To be able to edit quickly and at best only in a few places, we have split our web into tiny — almost atomic — design parts.”‎ - Co-founder & Head of Marketing at Avocode

Why is Next.js the web framework our Marketing Team always wanted? (1/2)

Why do we use Next.js framework for the Avocode website

What are the benefits of image export with Avocode? 1) You can export any layer. 2) Change images format to PNG, JPEG, SVG, or WebP. 3) Rename exported images. 4) Scale vector shapes and export as bitmaps in higher resolution. 5) Select multiple layers and export them at once

The Best Way to Export a clean SVG from Sketch designs

The best way to export SVGs from Sketch designs with Avocode

Wondering how open is the Sketch file format? Here’s a story behind the very first ever Photoshop to Sketch Design Converter that is now used by thousand of designers, based on technology we already had in the house.

How we learned to read and write Sketch app data format

How we learned to read and write the Sketch file format at Avocode

Are your switching to Sketch from Photoshop, but don’t have the time to recreate all your designs? In this tutorial, we’ll show you how to do it automatically, for free and in a matter of minutes.

How to convert Photoshop design to a layered Sketch file?

How to convert Photoshop design to a Sketch file?

Are you running on macOS? Do you want to collaborate on your Sketch files with people who are on different platforms — such as Windows or Linux?

How to handoff Sketch Artboards and assets to developers — no matter their OS

Electron framework can be used to build cross-platform desktop apps with frontend technologies like JavaScript, HTML, and CSS. Electron Apps are cross-platform, meaning they compatible and run on Mac, Windows, and Linux operating system.