ABLE - Design System

A design to development framework for building mobile and desktop web applications using Figma design files and React (Next.js) code.

Intro

As the breadth of solutions and interconnected experiences grows, it becomes increasingly important to maintain a consistent style to ensure an expected and uniform experience. The aim of ABLE is to accelerate the design and development of solutions in addition to reducing user confusion and extended on-boarding. To do this, we’ve built a design system to document and store reusable aspects while also sharing best practices for faster design and development.

📖 Table of Contents

• Structure

• Themes

• Elements

• Components

🤝 How to Contribute

The main purpose of this repository is to evolve the core concept of scalable application design and development. We want to make contributing to this project as easy and transparent as possible. Read below to learn how you can take part in improving ABLE.

Code of Conduct

ABLE has adopted a Code of Conduct that we expect project contributors to abide by. Please read the code of conduct to understand what actions will and will not be allowed.

Contributing Guide

Read this guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

Want to Help?

Want to report a bug, contribute some design or code work, or improve our documentation? Excellent we'd love for you to join us! Read up on our guidelines for contributing and then check out one of our issues labeled as good first issue.

📜 License

ABLE is MIT licensed, as found in the LICENSE file. ABLE's documentation is Creative Commons licensed.