Figma integrates Payload for seamless content management in design
by@figma
Summary
Figma has announced the integration of Payload into its Make platform, enabling teams to create, build, and manage data-backed websites more efficiently. With this integration, users can seamlessly connect design and backend processes, as Payload automatically sets up essential tools like a database and admin panel whenever an app is prompted. Over the past year, Payload has seen significant growth and is now recognized as the fastest-growing open-source CMS on NPM, further enhancing its capabilities within Figma Make. The accessibility of Payload across all Figma plans means a broader range of teams can benefit from this powerful content management solution, which rolls out to all accounts in the coming weeks.
Analysis
Figma: Figma is a collaborative interface design and prototyping platform. It recently integrated Payload, an open source CMS, into its Figma Make feature to enable building, shipping, and managing data-backed websites directly within the design environment. The integration allows teams to handle content, data, and designs in one place with role-specific tools. Payload: Payload is an open source content framework and CMS that provides backend capabilities including databases, file storage, user authentication, APIs, workflows, and an admin panel. It joined Figma last year and is now embedded in Figma Make, powering content and data management for apps and websites built in the platform. Payload is described as the fastest growing open source CMS on NPM. Seth Harris: Seth Harris is a marketer at Figma. His team is using Payload to build a companion website for the Source Material YouTube series, setting up entries for items like books and magazines with custom fields. The admin panel allows the team to add and update content without relying on prompts or external tools. Noah Trevino: Noah Trevino is a lead visual and UX designer at IBM. He tested Payload in Figma by providing existing design screens and required fields to generate a working draft for internal websites. Trevino highlighted how Payload enables teams to manage content independently with built-in version history. Workflow: Designers can work with real content in prototypes while marketers update the same content through a built-in admin panel and developers customize via the open-source framework. Integration: Payload in Figma Make sets up backend tools including a database, file storage, user login, and admin panel automatically when prompting an app. Accessibility: Payload is available on all Figma plans, with the hosting infrastructure for backed projects currently in beta and free to use.
Categories
aitech