widgets

10 posts

discord

Discord Update: March 25, 2025 Changelog (opens in new tab)

The Discord March 25, 2025, update focuses on a comprehensive modernization of the desktop client and its in-game integration capabilities. Through a modular overlay redesign and significant UI flexibility, the platform aims to enhance user agency and service reliability for its core gaming audience. ### Modular In-Game Overlay * The overlay has been transitioned to a widget-based system, allowing users to move and organize specific UI elements to suit different game genres. * New functional depth includes the ability to watch friend's streams or start a personal gameplay broadcast with a single click without leaving the game. * Native Soundboard support is now integrated directly into the overlay for immediate access during gameplay. * The update expands the library of supported games, ensuring notifications and widgets work across more titles. ### Desktop UI Refresh and Customization * Four new base themes—Light, Ash, Dark, and Onyx—have been introduced alongside three UI density options to adjust app spacing. * The interface has been decluttered by moving the Inbox to the title bar and centralizing voice and video call buttons into a single unified bar. * The channel list is now resizable, facilitating easier navigation for servers with long channel names. * Active camera status is now indicated by a persistent green button, providing better visual feedback when a user's video is live. ### Developer Integrations and Social Tools * A new API allows developers to implement Discord-powered text chat directly within their game clients, with initial support in titles like *Rust* and *Pax Dei*. * The "Ignore" feature provides a privacy layer that hides messages from specific users in DMs and servers without notifying the ignored party. * Discord’s App Launcher now includes "Spark: Hero Tactics," a new first-party deck-building battle game available on both desktop and mobile. ### Backend Reliability and API Deployment * Discord has overhauled its API deployment process to isolate and protect critical infrastructure from potential configuration errors. * This structural change is designed to minimize the frequency of outages and ensure that core messaging and voice services remain stable during maintenance cycles. To get the most out of this update, users should experiment with the new UI density settings to reclaim screen real estate and check the Overlay settings to configure their widget layout before their next gaming session.

figma

Is your work style written in the stars? | Figma Blog (opens in new tab)

Astrology’s renewed popularity reflects people’s desire for recognition, guidance, and connection. Figma’s FigStrology widget brings those qualities into collaborative work by using machine learning to generate astrological personas and horoscopes from activity in FigJam files. The creators present it less as a serious predictive tool than as a playful way to encourage reflection and team interaction. ## Astrology as a Source of Connection - Astrology has existed for more than 4,000 years but was traditionally experienced privately. - Interest has increasingly shifted toward shared, collective experiences through apps such as CHANI and Co–Star. - Jacky Huang became interested during COVID after watching tarot readings on YouTube. - Huang says horoscopes appeal because they can make people feel recognized, understood, and seen. - Willy Wu views astrology as a source of belonging and reassurance in an uncertain world, even when its advice is humorous or not taken literally. ## Divination and Collaborative Design - Figma users are adapting divination practices for social and collaborative settings. - Danielle Baskin created Moonlight, a Figma-designed space for social tarot and reflection. - Figma’s persona quiz attracted more than 26,000 participants. - These projects position astrology and tarot as tools for conversation, self-reflection, and shared rituals rather than solely private practices. ## How FigStrology Was Created - Huang and Wu developed FigStrology as a FigJam widget. - The idea grew from Figma’s Photo Booth widget, which connects user behavior and activity with playful output. - FigStrology analyzes stickies and activity in a FigJam file, along with current “cosmic conditions.” - Machine learning then generates a unique persona and horoscope for the collaborative group or workspace. - The widget is intended as a lighthearted way to wind down a work session and make collaboration more engaging. ## Emphasizing Diversity and Team Strengths - The creators wanted FigStrology’s signs to highlight people and diversity. - Its premise is that individual strengths can complement other people’s weaknesses. - By turning team behavior into an imaginative horoscope, the widget encourages coworkers to notice different working styles and perspectives. Ultimately, FigStrology uses astrology as a playful collaboration device: not a replacement for genuine team communication, but a low-pressure way to spark reflection, humor, and connection at work.

figma

The Future of Design Systems is Automated | Figma Blog (opens in new tab)

Design systems are moving from static libraries toward automated, extensible ecosystems powered by plugins, widgets, and AI. These tools can automate repetitive work, expand Figma’s capabilities, and increasingly generate or recommend design solutions using existing system components. The article argues that automation will change designers’ responsibilities, but not eliminate the need for human judgment, creativity, and strategy. ## Plugins and Widgets as Design-System Extensions - Plugins have a long history in design and publishing software, dating back to tools such as HyperCard and QuarkXPress. - They created a broader ecosystem in which users could build and share custom effects, brushes, styles, and workflows. - In modern design systems, plugins generally serve two purposes: - Automating repetitive existing tasks. - Extending product capabilities through analytics, testing, accessibility checks, and other functionality. - Widgets add collaborative and visual tools directly to the design workspace, helping teams organize information and communicate around design systems. ## Automating Repetitive Tasks - Plugins can reduce manual work involved in maintaining and applying design-system assets. - Automation allows designers to spend less time on mechanical operations and more time on problem-solving and decision-making. - The broader trend reflects a shift from tools merely supporting designers to tools actively performing parts of the design process. ## Extending Design-System Capabilities - Plugins can provide capabilities that are not included in a core design application. - Examples include: - Gathering usage and library analytics. - Testing designs. - Improving accessibility. - Connecting design workflows to other tools and systems. - This extensibility enables teams to adapt their design environment to specialized organizational needs. ## AI-Assisted Design - Earlier experiments, such as Airbnb’s 2017 work on generating code from low-fidelity wireframes, demonstrated the potential of machine-learning-assisted design. - More recent tools such as Diagram’s Genius can analyze Figma files and suggest designs using components from an organization’s design system. - These developments suggest that AI is beginning to make earlier prototypes practical. - AI tools may eventually help generate interfaces, recommend components, complete workflows, or produce code from design input. ## Changing Roles and Responsibilities - Automation raises concerns about whether designers and developers will be replaced by software. - The article frames this as a question about how tools shape professional practice, rather than simply whether they eliminate jobs. - As routine production becomes automated, human designers may focus more on: - Defining problems. - Making judgments and trade-offs. - Establishing product direction. - Applying empathy, taste, and contextual understanding. - The future of design therefore depends on how practitioners adapt alongside increasingly capable tools. Design teams should treat plugins, widgets, and AI as ways to expand human capability rather than substitutes for design thinking. The most effective systems will combine automation for repetitive work with human oversight, creativity, and strategic judgment.

figma

What’s new in Figma: July 2022 | Figma Blog (opens in new tab)

Figma’s July 2022 updates focus on strengthening collaboration, expanding global support, and making community resources easier to discover. The company introduced research on effective teamwork, launched a fully localized Japanese experience, and redesigned Figma Community browsing and search. Together, these changes aim to help teams collaborate more effectively and find useful resources faster. ## Research on Effective Collaboration - Figma studied more than 100 teams composed of designers, product managers, engineers, researchers, and writers. - The resulting report, *What Makes Collaboration Click?*, identifies five behaviors associated with better product outcomes: - Co-creation - Rapport - Role clarity - Feedback - Reflection - Figma also announced a livestream featuring product research leaders Cristen Torrey and Andrew Hogan to discuss the findings. ## Figma Expands in Japan - Figma launched a fully localized Japanese product interface, website, and help center. - The company opened a Tokyo office and hired local leadership to support Japanese users and the regional Figma Community. - The expansion reflects Figma’s international user base, with 80% of users located outside the United States. - Figma also introduced the Japanese-focused social account **@FigmaJapan**. ## Improving Figma Community Discovery - Figma redesigned Community browsing to help users navigate its large collection of shared resources. - Users can now more easily distinguish among: - Figma and FigJam products - Use cases such as design systems - Resource types such as files, templates, widgets, and plugins - Search received expanded filtering and sorting options. - Results can be sorted by trending, most popular, or most recent resources. - The changes are intended to make creators’ contributions more discoverable and help users find relevant assets more quickly. Figma’s July improvements combine better collaboration guidance with practical product changes, particularly stronger international support and more efficient Community search and discovery.

figma

What’s new in Figma: June 2022 | Figma Blog (opens in new tab)

Figma’s June 2022 updates focus on making the platform more collaborative, extensible, and accessible. The major launch is widgets—interactive canvas objects that teams can use together—alongside easier access to plugins, improved API documentation, and expanded availability for students through Google Chromebooks. Together, these changes position Figma as a broader platform for design, development, education, and teamwork. ## Collaborative Widgets in Figma - Widgets are interactive objects embedded directly on the Figma canvas. - Unlike plugins, which primarily support individual automation, widgets enable real-time team interaction. - Potential uses include: - Voting and polls - Time tracking - Design annotations - Status indicators - Task management - Featured widgets include: - **Asana** for discussing tasks and adding follow-up actions - **Jira** for turning designs into development tasks - **RAG Status** for showing red, yellow, or green project status - **Navigate** for guiding stakeholders through designs ## Easier Access to Extensions - Figma made plugins and widgets more discoverable within the editor. - Users can now search for and install extensions directly from the Figma toolbar. - Updates to the Figma Community also make it easier to try and explore available extensions. ## Redesigned API Documentation - Figma introduced redesigned developer documentation to simplify building on its platform. - Improvements include: - New navigation - Better organization of resources - Copyable code blocks - Additional code samples and practical guides ## Expanding Access Through Chromebooks - Figma partnered with Google for Education to bring Figma and FigJam to Chromebooks. - School districts can deploy and manage Figma Organization licenses through Google Admin Console. - The program is offered free to participating schools, potentially reaching tens of millions of U.S. students. - Schools could apply for the beta beginning in summer 2022. Figma’s update recommends exploring widgets and community extensions for collaborative workflows, while the redesigned developer resources provide a clearer path for building custom tools and integrations.

figma

Behind the build: a Q&A with developer Tru Narla | Figma Blog (opens in new tab)

The post profiles Tru Narla, a software engineer and creator of FigJam’s Soundboard widget. Her project adds playful audio interactions to FigJam boards and demonstrates how accessible the widget platform can be for developers. Despite API limitations, documentation, experimentation, community support, and livestreaming helped her turn a side-project idea into a published product. ## Soundboard for FigJam - Soundboard lets users add fun sounds to FigJam boards. - Tru initially wanted to support user-recorded audio and preset sounds, but widget limitations prevented audio recording. - The idea came from wanting to create an interactive experience focused specifically on sound. ## Building the Widget - Tru began by reading the documentation and studying demo projects. - Much of the development involved trial and error and reducing the project’s scope to fit the available APIs. - A private Slack community for widget developers helped her share code, troubleshoot bugs, and stay motivated. - She found widget development easier and more enjoyable than expected. ## Inspiration and Motivation - Tru draws ideas from Twitter and everyday experiences. - She records potential project ideas and prefers building tools she would personally use. - Publishing a finished project was a major motivation after repeatedly starting—but not completing—side projects. - Streaming the development process on Twitch provided additional accountability and encouragement. ## Future Projects and Platform Potential - Her next project is an interactive piano with clickable keys and keyboard shortcuts mapped to different notes. - She is also considering multiplayer games, though they require more planning and development time. - Tru is excited by FigJam’s growing ecosystem of plugins and widgets and the possibilities still open to developers. - She particularly likes the new code embed feature and imagines using it for tutorials, system design, and code explanations. - She would also like to see running code displayed in a sandbox within FigJam. Tru’s experience suggests that developers can begin with a small, playful idea, use the available documentation and community resources, and gradually expand their ambitions as the FigJam platform evolves.

figma

What’s new in Figma: October 2021 | Figma Blog (opens in new tab)

Figma’s October 2021 updates focus on making collaboration more flexible, prototyping faster, and design work easier to scale. FigJam gained widgets, plugins, templates, code blocks, advanced shapes, and open sessions, while Figma introduced interactive components and several workflow improvements. Together, these features aim to balance structured teamwork with experimentation and spontaneous collaboration. ## Work Better Together in FigJam - **Widgets** can be added directly to FigJam files to support activities such as: - Taking team selfies with Photo Booth - Checking team sentiment with Alignment Scale - Mapping organizational structures with Org Chart - **Plugins** help users develop and synthesize ideas more efficiently: - Tour Guide turns jam boards into slideshow presentations. - Color Picker expands color options for stickies and shapes. - Unsplash provides access to image libraries. - The FigJam toolbar now provides access to: - Plugins and widgets - Templates for brainstorming, workshops, research, and other activities - Code blocks and new shapes for technical collaboration - **Open sessions** allow visitors to join FigJam files without creating an account. ## Bring Designs to Life with Interactive Components - **Interactive components** create reusable interactive elements, reducing the amount of manual prototyping required. - Designers can experiment and iterate more quickly while collaborating with their teams. - Interactions inherited from main components are hidden on instances, making complex prototypes easier to understand and edit. - Additional prototyping improvements include: - `Shift + E` to switch between Design and Prototype tabs - Canvas visibility for interactions, allowing everyone to inspect and explore them - An option to disable keyboard navigation in prototype viewers for more realistic user testing - Copying and pasting prototype interactions to reduce repetitive work ## Explore and Design at Scale - Figma emphasizes supporting design systems while still leaving room for experimentation and new ideas. - The update introduces **branching**, presented as a way to help teams manage and explore design-system work at scale.

figma

​​Open sessions: jam with anyone, anywhere | Figma Blog (opens in new tab)

FigJam’s Open sessions let people join collaborative files without creating Figma accounts, removing friction for workshops, interviews, and meetings. Hosts retain control over access: sessions close after 24 hours by default, visitors are removed afterward, and hosts can end or restart sessions at any time. The feature is designed primarily for one-off collaborations with internal or external participants. ## Removing Barriers to Participation - Account creation can delay workshops, interviews, and other collaborative activities. - Open sessions allow occasional participants—including clients, candidates, research users, and cross-functional colleagues—to join immediately. - Participants can contribute without setup or an existing Figma account. ## How Open Sessions Work - Hosts choose when and how to open a FigJam file. - Visitors are removed automatically when the session ends. - Each session expires after 24 hours by default. - Hosts can close a session early or start another session for the same file. ## Common Use Cases - **Workshops:** Invite clients or research participants to collaborate directly in FigJam. - **Interviews:** Share a file with candidates in advance so they can present their work; technical interviews can use the CoderPad widget. - **Cross-functional meetings:** Include stakeholders in planning meetings, retrospectives, brainstorming sessions, and feedback discussions. - **One-off jams:** The feature is intended for both large-group events and one-on-one sessions. ## Availability - Open sessions were available across all plans while FigJam was in beta. - Beginning February 1, 2022, the feature became available on FigJam Professional and Organization plans. Open sessions are best suited to temporary collaboration where ease of access matters more than requiring every participant to maintain an account.

figma

Introducing new FigJam prices and a more open platform | Figma Blog (opens in new tab)

FigJam is expanding from a beta whiteboard into a more accessible, customizable collaboration platform. Figma announced free and paid pricing, lower-friction participation through Open sessions, and a broader ecosystem of widgets, plugins, embeds, templates, shapes, and code blocks. The goal is to help entire organizations use FigJam for meetings, workshops, visual thinking, and everyday productivity. ## More accessible pricing and participation - Starting February 1, 2022, FigJam’s Starter plan will remain free. - The free plan includes: - Unlimited personal whiteboards - Three shared whiteboards - Unlimited collaborators - Paid plans provide unlimited shared whiteboards: - FigJam Professional: $3 per editor per month - FigJam Organization: $5 per editor per month - **Open sessions** let anyone join a FigJam session for 24 hours without logging in, making one-off workshops and planning meetings easier to host. ## Widgets for collaboration and meetings Widgets allow teams to customize FigJam and support social, facilitation, and productivity workflows. - **Team connection:** Donut offers water-cooler prompts and drawing games; other widgets include Rock Paper Scissors and Connect Four. - **Meeting facilitation:** - Simple Vote collects feedback after brainstorming. - Alignment Scale checks whether participants agree. - **Productivity support:** - Table imports Google Sheets data into FigJam. - Stark for FigJam provides accessibility checklists and guidance. - Org Chart helps map departments and plan headcount. - Figma planned to expand widgets with kanban boards, timelines, inline text editing, and improved media embedding. ## Plugins for faster creation - Plugins focus on helping users express and create ideas more quickly, while widgets emphasize collaborative interaction. - More than 40 plugins were already available. - Vimeo was developing a Vimeo Record plugin for recording screen captures and voice-over explanations directly in a FigJam file. - Other examples include: - Tour Guide for animated presentations - Create Sticky from Text for converting text into sticky notes - Stamp Counter for quickly counting votes ## A broader, community-built platform - Figma opened FigJam’s widgets and plugins platform to developers after an initial community beta. - The company positioned this open ecosystem as a way to let users shape how FigJam works for different teams and use cases. - Additional platform improvements announced included embedded content such as videos and documents, new shapes and code blocks, and templates accessible from the FigJam toolbar. FigJam’s strategy is to combine broad access with extensibility: keep basic collaboration free, remove barriers for guests, and let teams adapt the workspace through community-built tools.

figma

Bringing the power of our open platform to FigJam | Figma Blog (opens in new tab)

Figma is extending its open plugin platform to FigJam, allowing builders to create plugins and interactive widgets. Plugins automate individual workflows, while widgets support collaborative experiences such as polls, voting, and games. The APIs are designed to be approachable for developers familiar with JavaScript, HTML, or React. ## An Open Platform for FigJam - Figma’s original plugin API aimed to make customization accessible: anyone who can build a website should be able to build a plugin. - FigJam extends this philosophy while emphasizing collaboration and shared interaction. - Plugins can connect workflows, import real data, and automate repetitive design or brainstorming tasks. ## Interactive Widgets for Collaboration - Widgets can be dragged directly onto FigJam boards and used by multiple participants. - Potential uses include: - Voting and polls - Games - Interactive team activities - The widget API is declarative and functional. - Developers define interfaces with components such as `Frame`, `Rectangle`, `Text`, and `SVG`. - Event listeners can execute code in response to actions such as clicks. - Widgets can include inline property menus similar to native FigJam objects. - Synced state allows interactions, such as a counter, to remain consistent for everyone in the file. - The API is modeled after React, with components whose properties resemble CSS, reducing the learning curve for React developers. ## Plugins for Workflow Automation - Plugins are intended to reduce repetitive work and help teams focus on collaboration. - Examples include converting CSV data into sticky-note grids or creating sticky notes from text. ### Organization and Synthesis - Sort sticky notes by color. - Add tags for categorization. - Extract themes with tools such as word clouds. - Count votes using stamp counters. ### Task Automation - Add features such as spell checking and find-and-replace. - Generate large groups of objects automatically, such as 100 colored sticky notes. - Existing Figma plugins, including SPELLL, can be republished for FigJam. ### Content Libraries - Import icons, emojis, logos, and other reusable assets. - Planned integrations include Icons8, Material Design icons, Iconify, and Brandfetch. ### Customization - Plugins can help users apply custom colors, fonts, and text styles, addressing requests for more personalization in FigJam. FigJam’s open platform combines workflow automation with collaborative interactivity, giving developers a straightforward way to build tools that make brainstorming more efficient and engaging.