FIGMA SITES AS A RESPONSIVE WEB DESIGN SOLUTION: AN ANALYSIS OF PRODUCTIVITY AND VISUAL CONSISTENCY IN DIGITAL DESIGN PRACTICE

Authors

  • Nur Muthia Rahma Universitas Islam Malang

DOI:

https://doi.org/10.33474/percipience.v4i1.24409

Keywords:

Figma Sites, Responsive Web Design, Design Productivity, Visual Consistency

Abstract

In the increasingly dynamic digital era, the need for responsive, efficient, and consistent web design has become crucial. Figma Sites, the latest feature of the Figma platform, offers a visual-first approach that integrates the design, prototyping, and publishing processes within a single, cloud-based collaborative ecosystem. This study aims to analyze Figma Sites' contribution to increasing designer productivity and maintaining visual consistency in digital interface development. Using a qualitative approach based on literature, data was reviewed from scientific articles, professional publications, and documentation of UI/UX design industry practices. The analysis results show that Figma Sites can reduce design iteration time, strengthen cross-functional coordination, and maintain uniformity of visual elements through the use of integrated design components and design systems. This study concludes that Figma Sites not only technically addresses modern design challenges but also offers an efficient collaborative work model in the context of digital transformation.

References

Booth, A., Sutton, A., & Papaioannou, D. (2016). Systematic approaches to a successful literature review (2nd ed.). SAGE Publications.

https://us.sagepub.com/en-us/nam/systematic-approaches-to-a-successful-literature-review/book245141

Braun, V., & Clarke, V. (2006). Using thematic analysis in psychology. Qualitative Research in Psychology, 3(2), 77–101. https://doi.org/10.1191/1478088706qp063oa

Brown, T., Wyatt, J., & Martin, R. (2020). Collaboration in design: Rethinking cross-functional teams. Harvard Design Review, 34(2), 88–95.

Creswell, J. W., & Poth, C. N. (2018). Qualitative inquiry and research design: Choosing among five approaches (4th ed.). SAGE Publications.

Figma Inc. (2023). Introducing Figma Sites. https://www.figma.com/blog/figma-sites

Frost, B. (2016). Atomic Design. Brad Frost Web. https://atomicdesign.bradfrost.com

Gordon, S., & Biddle, R. (2019). A case study of design systems in practice. In Proceedings of the 2019 ACM SIGCHI Symposium on Engineering Interactive Computing Systems (pp. 1–6). https://doi.org/10.1145/3319499.3328233

Lee, C. (2021). Visual-first design tools and the future of no-code web development. Design Journal, 24(2), 112–129. https://doi.org/10.1080/14606925.2021.1876841

Marcotte, E. (2011). Responsive web design. A Book Apart. https://abookapart.com/products/responsive-web-design

McKinsey & Company. (2018). The business value of design. https://www.mckinsey.com/business-functions/mckinsey-design/our-insights/the-business-value-of-design

Norman, D., & Nielsen, J. (2020). The state of UX in 2020. Nielsen Norman Group. https://www.nngroup.com/articles/state-ux-2020/

Torraco, R. J. (2005). Writing integrative literature reviews: Guidelines and examples. Human Resource Development Review, 4(3), 356–367. https://doi.org/10.1177/1534484305278283

We Are Social. (2023). Digital 2023: Global overview report. https://wearesocial.com/reports/digital-2023-global-overview-report

Zhang, Y., & Zhao, L. (2020). Collaboration and efficiency in web UI design: An evaluation of cloud-based tools. Journal of Digital Design, 15(3), 115–127. https://doi.org/10.1016/j.digid.2020.07.003

Downloads

Published

2024-10-15

How to Cite

Rahma, N. M. (2024). FIGMA SITES AS A RESPONSIVE WEB DESIGN SOLUTION: AN ANALYSIS OF PRODUCTIVITY AND VISUAL CONSISTENCY IN DIGITAL DESIGN PRACTICE. PERCIPIENCE International Journal of Social, Administration, & Entrepreneurship, 4(1), 24–33. https://doi.org/10.33474/percipience.v4i1.24409

Issue

Vol. 4 No. 1 (2024): PERCIPIENCE

Section

Articles

License

Copyright (c) 2024 Nur Muthia Rahma

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Authors who publish their manuscripts in PERCIPIENCE International Journal of Social, Administration, & Entrepreneurship (e-ISSN 2808-3881) are agree to the following conditions:


Copyright:

  • Copyright in each text is the property of the author.
  • The author agrees that PERCIPIENCE has the right to the first license issued with a Creative Commons Attributions-ShareAlike 4.0 International License.
  • The author can write the article separately through non-exclusive distribution with other versions related to the article that was first published in the PERCIPIENCE International Journal of Social, Administration, & Entrepreneurship.


License:

  • Attribution: You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
  • ShareAlike: If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
  • No additional restrictions: You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.


You are free to:

  • Share a copy and redistribute this material in any form or format.
  • Change and make derivatives of this material for any purpose, including commercial interests.
  • The licensor cannot revoke the above conditions as long as authors comply with the terms of this license.

 

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.