techlist.io
KREN

figma-slides

13 posts

figma

4 Ways We’re Using Our MCP Server at Figma | Figma Blog (opens in new tab)

Figma’s MCP server has expanded beyond design-to-code workflows to support Slides, FigJam, Figma Make, and the Figma design agent. The post argues that agents can now create and update production-ready artifacts while preserving team context, design systems, custom fonts, and brand consistency. In practice, humans still provide review and polish, but agents can complete much of the initial content and formatting work. ## Broader MCP capabilities - Agents can create or update: - Figma Slides presentations - FigJam boards - Figma Make prototypes - Canvas designs through the Figma agent - The server supports: - Custom fonts uploaded from a user’s computer - Downloading assets as SVG, PDF, JPG, or PNG through `download_assets` - Reusable MCP skills that encode team decisions and workflows - These capabilities connect external context and coding tools with Figma’s design environment. ## Creating and refreshing Figma Slides decks - Designer advocate Mallory Dean maintains an evergreen deck about Figma’s AI product launches. - She prompted an agent to: - Update the deck with the new Figma agent - Gather information from Slack, Google Drive, Shortcut blog posts, and release notes - Suggest content updates and new slides - The agent used the `use_figma` tool and `/figma-use-slides` skill to modify the existing deck template. - The first 80% of the content work was completed before human review. - Mallory still needed to replace images, edit copy, and approve the final slides. - Uploaded custom fonts allowed the deck to use the correct brand typefaces rather than web-safe substitutes. - Similar workflows can support: - Product kickoff decks - Design explorations - Go-to-market presentations - Sales decks with current product information - The stated benefit is faster production of presentations that remain aligned with a team’s design system and brand. ## Generating FigJam boards from live data - Product manager Prasant Lokinendi frequently prepares feature kickoff workshops. - Building an engaging FigJam board requires collecting company context and formatting the board for each session. - To streamline this process, he created the `/figjam-builder` skill. - Figma describes skills as a way to make agent outputs more consistent and context-aware. - Teams can use community-created skills or submit their own through Figma’s community-resources repository. Figma’s MCP workflows are most useful for accelerating repetitive preparation and production work while leaving humans responsible for review, judgment, and final creative decisions.

figma-slidesdesign-systemsai-agentfigjam+2
figma

Show Don’t Tell: Embed Make Prototypes Everywhere You Work in Figma | Figma Blog (opens in new tab)

Figma is introducing live Figma Make prototype embeds for Figma Design, FigJam, and Figma Slides. The goal is to replace static screenshots and abstract explanations with interactive experiences that support alignment, feedback, and faster iteration. New editing controls also let users refine text, styling, and individual elements directly in prototypes. ## Embed Prototypes Across the Workflow - **FigJam:** Teams can use interactive prototypes as the focus of early discussions, making it easier to prioritize features and identify gaps in user journeys. - **Figma Design:** Designers and collaborators can review UI, copy, and interactions in context, compare iterations side by side, and turn feedback into concrete Make updates. - **Figma Slides:** Presenters can let stakeholders experience concepts directly and use Slides’ voting tool to gather input before refining the prototype. ## Refine Prototypes with Direct Editing - Users can edit text directly in a prototype to explore content variations and respond quickly to feedback. - The point-and-edit tool supports precise changes to color, spacing, and text styling. - Specific prototype nodes can be deleted without disrupting the rest of the structure. - `Command+Z` can undo deletions, supporting rapid experimentation. ## Greater Visibility Into AI-Generated Work - As prototypes become more complex, Figma Make is adding visibility into how the model builds them. - This allows users to review the model’s approach and course-correct while ideas evolve. Figma’s update positions Make prototypes as interactive, continuously refined artifacts that can travel from brainstorming through design review and stakeholder presentation. Teams can embed prototypes where decisions happen, gather more realistic feedback, and make targeted changes without leaving the workflow.

figma-slidesfigjamfigma-makefigma-design+2
figma

Turn Your Prompts Into Visual Assets and Slide Decks With the Figma App in ChatGPT | Figma Blog (opens in new tab)

Figma has expanded its ChatGPT app beyond FigJam diagrams, allowing users to generate editable visual assets and presentation decks. ChatGPT provides initial creative directions, while Figma Buzz and Figma Slides support detailed editing, branding, resizing, and collaboration. The workflow is designed to move quickly from an idea or outline to a polished, team-ready result. ## Creating Visual Assets with Figma Buzz - Users can prompt ChatGPT to generate starting concepts for posters, invitations, digital ads, and video collages. - The app can produce multiple variations of a visual identity, layout, and copy. - Assets can then be opened in Figma Buzz for refinement, including: - Editing text and typography - Adjusting color palettes with blend modes - Applying brand-specific changes - Resizing designs for LinkedIn, X, Instagram, and other platforms - Figma Buzz is intended to make polished marketing assets accessible even to people without specialized design skills. ## Building Presentations in Figma Slides - ChatGPT can generate a Figma Slides deck from a user-provided outline or suggest a presentation flow. - Example decks include “year in review” templates organized around goals, priorities, highlights, and completed projects. - Users can select a generated option and continue editing collaboratively in Figma Slides. - Teams can replace generated images, adjust templates, and refine colors and typography to match brand guidelines. - Interactive features such as live polls, stamps, and alignment scales support feedback and discussion during presentations. ## Availability - The Figma app is available to ChatGPT users outside the European Union. - Figma Buzz and Figma Slides features are currently in beta within the app. The recommended workflow is to use ChatGPT for rapid ideation and first drafts, then move into Figma Buzz or Figma Slides for brand alignment, detailed editing, and collaborative refinement.

figma-slidesfigmachatgptopenai+2
figma

Introducing Three New Tools For Precise Image Editing In Figma | Figma Blog (opens in new tab)

Figma introduced three AI-powered image editing tools—Erase object, Isolate object, and Expand image—to make detailed image manipulation possible without leaving the design canvas. The tools complement existing features such as background removal, cropping, and AI image generation, helping designers refine assets in context. A new image-editing toolbar brings these capabilities together for faster, more integrated workflows. ## Erase and Isolate Objects - **Erase object** removes a selected object from an image. - **Isolate object** separates an object or person so it can be edited or repositioned without changing the background. - Users can select objects with a lasso and apply: - Lighting and color adjustments - Blur and focus effects - Color correction - Shadows - These tools are useful for refining product photos, removing distractions, and emphasizing key visual elements. - Text-prompt editing remains available through Figma’s **Edit image** feature, but the new tools provide more precise manual control. ## Expand Images for New Layouts - **Expand image** generates additional background content to fit a new aspect ratio. - It adapts images for formats such as: - Mobile layouts - Web banners - Social media assets - Unlike cropping, expansion preserves the original subject and surrounding context without distortion. - For example, a square product image can be expanded into a wide banner while leaving room for text. ## A Unified Image-Editing Toolbar - The new toolbar combines the three AI tools with existing capabilities, including: - Remove background - Crop - AI image generation and editing - Remove background is now easier to find because it is one of the most frequently used AI actions in Figma. - The tools are available across Figma, including FigJam, Slides, and Buzz beta, with some seat restrictions. - In Figma Design and Figma Draw, they are available to Full-seat users on Professional, Organization, and Enterprise plans with AI enabled. - AI actions consume Figma credits. These updates aim to keep image editing inside Figma, reducing the need to switch between external tools. Designers can now make precise object-level edits, adapt images to different formats, and maintain visual consistency directly within their workflows.

figma-slidesfigmagen-aifigjam+3
figma

In Good Company: How Agencies Are Transforming Client Collaboration | Figma Blog (opens in new tab)

The article argues that agencies and freelancers are replacing opaque, hierarchical design processes with flexible, collaborative partnerships. Remote work, boutique studios, and tools such as Figma enable clients to participate throughout the project rather than simply review finished deliverables. The result is a more fluid model that combines specialist craft with generalist, cross-functional collaboration. ## A More Collaborative Agency Model - Remote work has dispersed teams across locations and time zones, making frequent communication and shared tools essential. - Boutique agencies increasingly compete with large firms by offering agility and closer client relationships. - Agencies are tailoring their structures to each project, with teams expanding or contracting according to client needs. - Roles are becoming less rigid; Design Business Company co-founder Judson Collier describes this shift as “generalism” returning to the industry. - Clients are more design-literate and comfortable working directly in tools such as Figma. - Shared files and comments replace formal presentations and printed deliverables, allowing teams to iterate continuously. ## Human’s Flexible Studio Structure - Human, founded by Rachael Yaeger and Michael Ray in 2013, typically operates with six to ten employees. - Its variable team size lets the studio provide: - Freelancer-like agility - Large-agency cohesion and experience - Close collaboration between designers, developers, and clients - Human avoids the separation that can arise when internal and agency teams work in isolated groups. - Clients increasingly embed external agencies directly into their teams, reducing management layers and encouraging informal communication. ## Building Jimini Health’s Brand - Human worked with Jimini Health, an AI mental-health company, on a visual identity and website. - During the project’s sprint phase, the two teams held foundational discussions about the qualities and values the brand should express. - Human used Figma Slides to support high-fidelity presentations and cross-functional collaboration. - The resulting identity included: - A visual system reflecting the spectrum of human emotion - A robust, ADA-compliant color palette - Photography by Molly Matalon - Consistent applications across the app, website, and social media - Frequent feedback through shared Figma files allowed both teams to refine the direction together rather than treating design as a one-way agency handoff. Agencies can work more effectively by combining flexible team structures, broad creative skills, and transparent collaboration tools. Treating clients as active partners—and giving them access to the work throughout the process—creates faster, friendlier, and more adaptable design workflows.

figma-slidesfigmadesign-systemscollaborative-design+2
figma

Figma Localizes Product and Support for Spanish Market | Figma Blog (opens in new tab)

Figma is launching a fully localized Spanish experience for users in Spain, including translated products, culturally adapted interfaces, and dedicated support. The move reflects Spain’s strong adoption of Figma and the company’s broader strategy to serve its largely international user base. Spanish becomes Figma’s second fully localized language after Japanese, with more languages planned later this year. ## Spanish Localization Goes Beyond Translation - Figma is adapting its product experience for Spanish-speaking users through: - Full product translation - Culturally relevant user interfaces - Dedicated Spanish-language support - The rollout begins March 27 and is expected to finish by April 17. - Figma says it aims to understand the specific needs of Spanish businesses and product teams. ## Figma’s Strong Presence in Spain - Nearly half of Spain’s IBEX 35 companies use Figma, including: - Amadeus - Banco Sabadell - Cabify - SEAT - Repsol - Telefonica - Spanish users created more than 1.5 million Figma files in 2024. - Nearly 34,000 files are edited daily across the country. - The Barcelona Friends of Figma community has more than 2,000 active members, making it Figma’s largest community chapter. ## Benefits for Spanish Teams - Companies such as Telefonica and Cabify expect the Spanish interface to improve collaboration and make Figma more accessible. - Localization is intended to help designers, developers, and broader product teams communicate and work more efficiently. - The effort supports Figma’s shift toward serving the entire product development process, not only traditional design roles. ## Part of Figma’s Global Expansion - About 85% of Figma’s monthly active users are outside the United States. - Approximately half of its revenue comes from non-U.S. markets. - Around one-third of users identify as developers, while nearly two-thirds work outside traditional design roles. - Spanish localization arrives alongside Figma’s expanding product ecosystem, including: - FigJam, launched in 2021 - Dev Mode, launched in 2023 - Figma Slides, launched in 2024 - New AI capabilities and other product development tools Figma’s Spanish launch is both a response to Spain’s established user community and a broader investment in international growth. By combining language support with localized product experiences, Figma aims to reduce barriers for Spanish teams while preparing to add more languages throughout the year.

figma-slidesfigmafigjamproduct-design+4
figma

How Teams Tap Into the Power of Design with Figma Slides | Figma Blog (opens in new tab)

Figma Slides has moved out of open beta with new features designed to combine presentation simplicity with Figma’s high-fidelity design and collaboration capabilities. The platform aims to help designers and cross-functional teams create polished, brand-consistent decks while giving them more control over storytelling and presentation workflows. ## Figma Slides Leaves Open Beta - Available to users with Full, Dev, or Collab seats. - New features include: - Improved video controls, including blur effects, scrubbing, and playback-speed adjustments. - Components for maintaining consistency across brand assets and customer logos. - Object-level slide and fade animations. - `.PPTX` import and export for working with external collaborators. - Existing Figma capabilities—such as auto layout, custom fonts, brand libraries, and embeddable prototypes—are available within the slides experience. - Figma positions Slides as a shared storytelling workspace rather than merely a traditional presentation tool. ## Fine-Tune Designs with Templates and Components - Teams can build decks from templates connected to their existing Figma design systems and brand libraries. - Merkle uses curated templates for UI/UX presentations, research, data visualization, and client-specific work. - Reusable components reduce design decisions and help teams produce higher-quality decks more consistently. - Decagon redesigned its sales deck around its brand identity, using custom visuals, layouts, and an appendix of adaptable slides. - Custom templates let teams tailor presentations to specific customers, priorities, and business goals while preserving brand consistency. ## Control the Narrative - Figma Slides supports audience-specific storytelling by making it easy to rearrange slides and review the full deck in grid view. - The article emphasizes distilling a presentation into a clear central idea rather than adding unnecessary visual elements. - Templates can adapt to different contexts, such as fundraising stages, audiences, products, and founder profiles. - The ideal structure may vary: some decks lead with insights, while others introduce the team early to establish credibility. Figma Slides is best suited to teams that want presentation speed without giving up design precision. Its combination of reusable systems, collaborative editing, flexible storytelling, and `.PPTX` compatibility makes it a practical option for internal reviews, sales presentations, and client-facing decks.

figma-slidesfigmadesign-systemscollaboration+3
figma

Save Time on Building Decks—Without Sacrificing Design | Figma Blog (opens in new tab)

Figma’s Slides plugins extend the presentation tool with Figma’s design capabilities, helping teams create polished decks without sacrificing speed or visual quality. The post highlights plugins for finding assets, creating custom backgrounds, importing PDFs, and adding animation. Together, they support the full slide-building process, from initial content gathering through final presentation preparation. ## Populating Your Slides - **IconScout** provides millions of icons, illustrations, Lottie animations, and Unicons. - Users can customize assets with their own color palettes. - Reverse image search helps find visually similar graphics. - **Mesh Gradient** creates custom backgrounds and color fills. - Designers can edit grid vertices and edges. - Live previews and the ability to save or upload gradients support iterative design work. - **PDF.to.design** imports PDFs as editable designs. - Text and images can be extracted and reused in slides. - Files remain private on the user’s local machine, which helps protect sensitive information. ## Adding Power and Polish - **Jitter** is presented as a tool for animating slide designs, helping make presentations more dynamic and engaging. - The broader plugin ecosystem includes tools for visual refinement, color controls, and motion, allowing teams to tailor slides to their brand and narrative. ## Preparing to Present - The article’s final section focuses on tools for getting decks presentation-ready, continuing the workflow from asset creation and design polish to delivery. Figma recommends using Slides plugins as a practical way to speed up deck creation while preserving control over layout, branding, visuals, and storytelling.

figma-slidesfigma-pluginslottie-animationspdf-import+1
figma

It’s Time We Expand Our Definition of Design | Figma Blog (opens in new tab)

Figma argues that design should no longer be viewed as the exclusive domain of professional designers. Marketers, developers, product managers, and other collaborators already make visual and communication decisions every day, but often lack the confidence or tools to do so effectively. Expanding access, simplifying workflows, and changing organizational mindsets can help more people participate meaningfully in design. ## Design Tools as Spaces of Belonging - Figma files can feel intimidating to non-designers, much like entering an unfamiliar gallery or professional critique. - Simply inviting someone into a design tool does not guarantee that they will feel comfortable contributing. - Tools can help create belonging by making collaboration more approachable and welcoming. ## Everyday Work Is Design - The author describes repeatedly creating thumbnails, event invitations, and other assets in marketing, product, and sales roles to avoid design bottlenecks. - These activities involve visual communication, creativity, and decisions about how audiences understand and engage with information. - Products such as FigJam, Dev Mode, and Figma Slides are already helping marketers, developers, and other partners work more confidently. - The larger shift requires organizations and individuals to recognize that design participation is not limited by job title. ## Making Design More Inclusive - Teams can support “everyday designers” through: - Templates that provide a reliable starting point. - Simpler, more accessible tools. - Features for staying on brand and finding approved assets. - Assistance with copy exploration and approval workflows. - Organizations should also educate, validate, and celebrate colleagues who want to improve their design skills. - As work becomes faster and more collaborative, these forms of support become increasingly important. Figma’s broader recommendation is to treat design as a shared organizational practice. By giving non-designers better guidance, accessible tools, and permission to contribute, teams can produce stronger work while helping more people feel that they belong in the design process.

figma-slidesfigmadesign-systemsfigjam+2
figma

Updates to our pricing, seats, and billing experience | Figma Blog (opens in new tab)

Figma announced changes to pricing, seat types, and billing workflows taking effect March 11, 2025. The company is raising prices for Figma Design, consolidating seat management, and giving administrators advance approval over paid seat upgrades. The changes are intended to improve billing visibility while allowing users temporary access during approval. ## New Pricing and Seat Structure - Figma Design prices will increase, with changes applying to Full seats. - Existing plans will transition to four seat types: - Full - Dev - Collab - View - Paid seats will include access to FigJam and Figma Slides. - The free Starter plan will remain available. ## Admin Approval for Seat Upgrades - Previously, users could trigger seat upgrades and admins reviewed them afterward. - Under the new model, paid seat upgrades will require admin approval by default. - Admins will manage one seat per user rather than separate seats for each product. - Users can temporarily access the requested seat for up to three days while approval is pending. - During this period, they can create files and edit files where collaborators have granted edit access. - Approved seats will appear on the next invoice, prorated from the approval date through the end of the subscription period. ## Migration and Timing - Existing plans will migrate to the new seat structure and approval workflows beginning March 11, 2025. - Full-seat price increases and updated proration rules will apply at the first renewal on or after that date. - Figma says existing customers will receive additional details by email. ## Connected Projects for Freelancers and Agencies - The billing changes prepare the way for Connected Projects, planned for later in 2025. - Freelancers and agencies will be able to collaborate with clients using their existing seats. - This is intended to eliminate the need to purchase licenses across multiple plans for client collaboration. Organizations should review their seat assignments and establish an approval process before the March 2025 migration.

figma-slidesfigmafigjamauto-layout+3
figma

The Long and Short of It: Issue no.8 | Figma Blog (opens in new tab)

Figma’s Issue No. 8 reflects on how its community shaped the company’s 2024 releases and culture. The year included 180 product updates, a major Config conference, expanded tools for developers and product teams, and a refreshed brand identity. The central message is that Figma builds products through continuous dialogue with the people who use them. ## A Year Shaped by the Community - Figma published 180 new releases in 2024. - More than 10,000 people attended Config. - Over 220 Friends of Figma groups operated worldwide. - The company emphasizes that users do more than receive new features: they influence how those features evolve in practice. ## Expanding Figma’s Products - Figma refined its UI3 interface to give users more control. - AI tools were reworked with a more deliberate approach. - Dev Mode was enhanced to improve connections between design and code. - Figma Slides was launched to support presentations and give design work a broader stage. - The company highlights that the design process continues after launch, when users apply new tools to real workflows. ## Config and the Future of Product Building - Config 2024 was Figma’s largest conference yet, held in San Francisco with more than 10,000 attendees. - Figma points readers toward talks and advice from Config speakers. - Featured guidance focuses on creating memorable presentations and sessions that genuinely inspire audiences. - Early-bird tickets for Config 2025 were already available. ## A New Brand and Web System - As Figma expanded toward developers, marketers, and broader product teams, it updated its visual identity. - The redesign introduced a new typeface and a refreshed brand system. - Figma used its own tools to audit and rebuild its web system. - The process included streamlining components, improving workflows, refining variables and styles, and preparing the system for future growth. ## Design Inspiration and Cross-Functional Collaboration - Community templates for Figma Slides offer ways to create more engaging presentations. - Ableton Note designer Pablo Sánchez shares seven principles for designing surprising and memorable digital experiences. - One North’s Nick Villapiano argues that developers should participate actively in design rather than treating design as a handoff. - These examples reinforce Figma’s broader view that design is collaborative and extends across disciplines. Figma’s year-end message is ultimately a recommendation to keep building in conversation with users. Product launches, brand systems, developer workflows, and community events become more valuable when people actively shape how they are used.

figma-slidesfigmadesign-systemsui-design+2
figma

Crafting the Visual Identity for Config 2024 | Figma Blog (opens in new tab)

Figma’s Brand Studio created Config 2024’s visual identity as an immersive extension of the Figma brand. Inspired by the redesigned Figma canvas and Figma Slides, the team developed a flexible, shape-based system that could work across a massive physical and digital conference experience. The result balanced visual variety with practical UX needs for more than 10,000 in-person attendees and a larger virtual audience. ## Balancing Form and Function - The team drew inspiration from switching between different modes of making, such as creating, sharing, and presenting work. - They developed a visual language centered on shapes that could: - Shift and transform - Amplify creative ideas - Reveal unexpected perspectives - Represent collaboration and multiple modes of creation - Three large physical supergraphics formed the conference’s central installations. - Attendees used them as seating, photo backdrops, and meeting points. - The identity was designed not only for visual impact but also for usability. - It supported complex experiences such as registration and navigating popular talks. - The system helped guide attendees through the event while maintaining a cohesive look. - Simple primitive shapes served as the foundation for more complex graphic structures. ## Designing at Scale - Config required a large volume of assets across physical spaces, digital surfaces, signage, merchandise, and other touchpoints. - The team created a modular system that could remain consistent without becoming repetitive. - Its core shapes came directly from the Figma toolbar: - Rectangle - Circle - Polygon - These basic forms reflected the starting point of the design process in Figma and became components of larger supergraphics. - The team built a reusable component library in Figma to generate variations efficiently. - Each supergraphic included three variants, allowing shapes to be presented from different angles and creating visual variety across the conference. Figma’s approach demonstrates how a strong event identity can combine expressive branding with a practical, reusable design system. By treating simple interface primitives as flexible building blocks, the team created a conference experience that could scale across environments while remaining recognizably Figma.

figma-slidesfigmadesign-systemsux-design+1
figma

Stack the deck with Figma Slides | Figma Blog (opens in new tab)

Figma Slides is introduced as an open-beta presentation tool combining Figma’s high-fidelity design capabilities with FigJam’s collaborative feedback features. It aims to help designers and non-designers create more engaging presentations without exporting work into separate tools. Figma positions it as a way to turn product reviews, sales decks, and pitches into clearer visual stories and collaborative conversations. ## Why Figma Built Slides - Presenters commonly struggle with: - Designing creative layouts - Finding effective visuals - Spending more than eight hours creating a deck - Figma users created approximately 3.5 million presentations in the previous year. - Designers often had to move Figma work into other presentation tools or distribute prototypes and pre-reads to non-designers. - Figma Slides brings presentation creation into the same environment as design and collaboration. ## High-Fidelity Design Features - Slides includes core presentation features such as: - Speaker notes - Slide transitions - Presentation-focused editing tools - Design mode provides access to Figma Design capabilities, including: - Auto Layout - Advanced properties - Precise alignment and snapping - Interactive components and states - Interactive components, such as hover states, can remain functional during presentations. ## Shared Libraries and Assets - Existing Figma text styles, color styles, and design assets are available directly in Slides. - Designers can reuse established libraries instead of recreating presentation elements. - Copy-and-paste workflows work across Figma products, reducing the need to export interface designs individually. ## Grid View for Structuring Narratives - Users can edit individual slides or switch to grid view for an overview of the entire deck. - Grid view organizes slides into rows, making it easier to: - Rearrange sections - Review the overall story - Refine the narrative arc - This bird’s-eye perspective is particularly useful for long presentations where restructuring becomes difficult. ## From Presentations to Conversations - Figma’s experience with FigJam revealed the limitations of one-way presentations. - FigJam became a regular tool for meetings such as team kickoffs, bug bashes, executive reviews, all-hands meetings, and Q&A sessions. - Figma Slides is intended to combine polished visual storytelling with collaborative participation, helping more people contribute to and influence the discussion. Figma Slides’ central promise is to make presentations both visually sophisticated and easier to build collaboratively, allowing teams to design, organize, and discuss their ideas in one shared space.

figma-slidesfigmafigjamdesign-collaboration+3