figma·Jun 4, 2018·2 min readCurated summary

With websites, what comes first: The copy or design? | Figma Blog

Website projects often become slow, repetitive exchanges between copywriters, designers, and stakeholders. The post argues that copy and design should be developed together rather than sequentially, using a shared, cloud-based workspace like Figma. Real-time collaboration reduces revisions, meetings, delays, and confusion while producing better web assets. ## The Problems with Separate Copy and Design Workflows - Copywriters may work in Google Docs while designers work in Sketch or another separate tool. - Teams repeatedly exchange drafts after discovering that text does not fit the design. - Design critiques, copy reviews, and stakeholder feedback can force additional redesigns. - Remote collaboration makes the process even more cumbersome; the author describes printing designs, writing edits by hand, scanning them, and sending them back. - Siloed tools make the project difficult to track, even for project managers. ## Developing Copy and Design Together in Figma - The author outlined the main copy points for each page in a Google Doc. - Designers created Figma frames representing the website pages. - Marketing and design worked simultaneously, progressing from high-fidelity wireframes to final designs. - Copy could be edited directly while viewing it in its intended visual context. - Designers spent less time handling communication and more time focusing on the design itself. ## A Shared Source of Truth - Stakeholders could access the latest copy and designs through a single project URL. - Team members could leave comments and review version history without exporting or emailing files. - The same designs could be used for user testing, allowing everyone to connect feedback with the current work. - Fewer meetings were needed, and the remaining meetings became more efficient. - Last-minute updates no longer required a separate scramble before milestone reviews. The practical recommendation is to replace sequential, tool-separated workflows with real-time collaboration between writers, designers, and stakeholders. Treating copy and design as interconnected parts of one process can make website projects faster, clearer, and less frustrating.

Read original(opens in new tab)

SketchFigmaUser ExperienceWeb Design+4

figma·Dec 6, 2017·2 min readCurated summary

More time, more money: How Figma accelerates agency workflow | Figma Blog

Figma helped Unfold, a 10-person Florida design agency, reduce versioning, collaboration, and handoff problems by keeping work in a shared cloud platform. Its browser-based workflow lets clients, designers, and developers access the same up-to-date files regardless of operating system. Founder Eddie Lobanovskiy estimates the agency saves at least 30% of its communication time and can take on more client work. ## Replacing File Conflicts with Cloud Collaboration - Before Figma, Unfold struggled with overwritten files, conflicting versions, and a patchwork of plugins. - Figma’s cloud-based files provide a single source of truth accessible through a URL. - Teams can share designs, collect feedback, and collaborate without requiring everyone to use the same computer or software. - Unfold used Figma’s Sketch importer to move existing projects into the platform. ## Keeping the Entire Design Process in One Place - Clients can join live brainstorming sessions through Figma’s multiplayer functionality. - Designers and clients can work simultaneously in the same document, accelerating idea generation. - Mood boards are created directly in Figma by dragging images from the web into project files. - High-fidelity designs remain available at the same URL, eliminating repeated exports and uploads. - Pinned comments keep feedback attached to the relevant design frame rather than scattered across email or messaging tools. ## Simplifying Developer Handoff - Previously, Unfold had to accommodate developers using non-Mac computers and sometimes convert files to PSD through Illustrator, which damaged layer structures. - Figma’s code mode lets developers inspect designs, export assets, and retrieve CSS, Android, and iOS specifications. - Developer access remains synchronized with the latest design automatically. - Developers can use view-only access, so clients do not necessarily need paid editor accounts. - Cross-platform access removes the need to persuade clients or developers to purchase specific software or hardware. ## Taking on More Work - Figma made Unfold’s workflow faster and more fluid by reducing administrative and coordination overhead. - The agency found projects more pleasant to manage and felt capable of serving more clients. - The main business benefit was not only saved time, but also fewer process disruptions and smoother collaboration. Figma’s shared, cross-platform workspace gave Unfold a practical way to centralize design, feedback, prototyping, and developer handoff—helping the agency communicate less, move faster, and increase its capacity.

Read original(opens in new tab)

SketchFigmaPrototypingAndroid+4

figma·Apr 26, 2017·2 min readCurated summary

5 books that shaped the design approach of Airbnb’s Jon Gold | Figma Blog

Jem Gold’s design approach combines systems thinking, human-centered technology, disciplined focus, mindfulness, and functional programming. The five books she recommends show how design can be treated as a generative process—one that connects creative practice with engineering and tools that augment human ability. ## Designing Programmes: Design as a System - Karl Gerstner’s *Designing Programmes* presents design as a process that generates assets rather than relying on humans to create every final output manually. - Though focused on layouts, logos, and typography, its ideas remain relevant to modern UI and design systems. - Gold values the concept of a flexible pipeline that people can shape, with the system producing consistent results. ## 10% Happier: Creating Space for Better Decisions - Dan Harris’s memoir about meditation influenced Gold’s design process and outlook. - Meditation helps her avoid immediate, visceral reactions and take time to investigate the best response. - She especially appreciates Harris’s skepticism toward mystical or “woo-woo” claims, making the book a practical introduction to meditation. ## The Dream Machine: Computers as Creative Partners - *The Dream Machine* explores J. C. R. Licklider’s vision of “man-computer symbiosis,” in which computers enhance human intelligence. - It describes researchers who rejected IBM’s slow, punch-card-based model of computing in favor of interactive systems people could enjoy using. - Gold identifies with their rebellious belief that technology should augment human creativity rather than merely automate routine tasks. ## Deep Work: Protecting Creative Focus - Cal Newport’s *Deep Work* argues that social media fragments attention and prevents sustained, original thinking. - Gold responded by eliminating social media for a month and scheduling dedicated blocks for creative projects. - When she felt the urge to check distractions, she replaced the habit with activities such as running or reading. - The practice helped her preserve focus and create space for ideas to develop. ## Functional Programming: Building from Small Primitives - *Professor Frisby’s Mostly Adequate Guide to Functional Programming* introduces functional programming through a short, approachable, free online book. - The paradigm breaks problems into small, composable units that can be rearranged and combined. - Gold applies this principle to design systems: instead of starting with a large page and breaking it down, designers can begin with basic primitives and build upward. - This approach connects programming concepts directly to scalable, reusable design work. Together, these books recommend a design practice built from composable systems, deliberate attention, skepticism, and technology that expands human creativity.

Read original(opens in new tab)

SketchAIDesign SystemsReact+2