Figma — Design to Development

Ben Cheng
Developer Notes
Published in
May 10, 2024

Figma is a powerful design and prototyping tool which bridge the gap between design and development.

Collaboration

Figma is cloud-based design platform which allow real-time co-editing , version history, feedback and communication.

Interactive Prototyping

Figma is designed to facilitate feedback loops and enhance collaboration between stakeholders and developers during the design process.

  1. No-Code Prototypes and Realistic animations
  2. Realtime Editing

Edit Mode

Preview Mode

Design System

A design system encompasses basic components (such as button, colours, icons) and guidelines and rules (such as spacing, margin and paddings). So, developers can develop the basic components based on the design system and make the system more consistent.

--

--

Ben Cheng
Developer Notes

A developer in Hong Kong. Learning and rethinking as a developer. Welcome to contact me and make friend with me. Cooperation is welcome.