Avocode

Introduction to Avocode | What Will You Learn in This Course?

Lesson 1 | Start Your Design to Code Project

Lesson 2 | Overview of the Avocode Interface

Lesson 3 | Export Text and Image Assets

Lesson 4 | CSS Classes, Flexbox, BEM Methodology, & Rem Unites

Lesson 5 | Copy CSS Code from Avocode to Style your Website

Bonus 1 | Inspect Design Next to your Code with VS Code Integration

Bonus 2 | Why Use Avocode Desktop App

What is Avocode?

Avocode + Figma Integration | Figma Plugin 2020

How to inspect designs from Avocode in Visual Code Studio

Avocode Onboarding - Design Detail

Avocode Tips & Tricks - Atom - Split View

Show grid, layout and guides on Sketch, XD, and Figma files in Avocode

Avocode Write - Asynchronous copywriting tool for Adobe XD, Sketch, & Figma design files

Avocode - Sketch Plugin 3 Update

Avocode 2.19 Update - Fully-featured inspect mode for Adobe XD files, new Project manager and more

Avocode - 3.3 update - New Version Switcher

How to rename and export image assets in bulk from Avocode?

Avocode Tips & Tricks - Sketch - Text Styles

How to change image export path in the Avocode desktop app?

How to export layer styles to CSS, Swift, or Android code without Sketch or Photoshop?

Avocode Tips & Tricks - Developer - Vertical Text with CSS

How to hand-off and inspect Adobe Illustrator design files with Avocode?

How to add image export format/resolution variants in Avocode?

How to inspect designs from Avocode inside Atom editor

Avocode Tips & Tricks - Photoshop - Mockups

How to edit export path and export vector shapes from XD as SVG in Avocode?

Open Design - Work with UI Design Data Programmatically

How to save time during the design process with Avocode? - ONLY 6 MIN

Avocode - Hand-off and Inspect Sketch, PSD, XD, & Figma designs without design tools on any OS

Avocode Product Demo - Recording of the last webinar session

From design to code – in half the time with Avocode

Avocode Write - Demo

Welcome to Avocode: Part 2. Inspect Mode, Specs and Assets

How to quickly preview designs in Avocode?

How to play Sketch, XD, and Figma prototypes in Avocode?

How Can Avocode Help Developers?

New Avocode 2.24: Finally a way to open Sketch designs on Windows or Linux

How to edit code output while inspecting an XD design in Avocode?

Avocode Tips & Tricks - Photoshop - Designing in @1x & @2x

Avocode Tips & Tricks - Developer - Unsplash API