design-specs

Make it a fun to create spec for developers and teammates

Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

Axure Interactive Redline Tool

Using Figmagic (simplifying design token generation and asset extraction) with Webpack 5, React 16, Styled Components.

Using Figmagic (simplifying design token generation and asset extraction) with Webpack 5, React 16, Styled Components.

Flutter Fashion App UI from Design Spec

This is the Design Spec for Multisig Cryto Project

A responsive landing web page for a new school. Implemented mobile and desktop versions of the web page using HTML5 and CSS3. Utilized a grid-based layout with styles making use of the flexbox layout.

A multi-page website, built out from a psd mockup with a focus on responsive design and accessibility standards. Added JavaScript features include: a mobile menu and functioning comment section on the blog page.

Codecademy full-stack project - Website Design System