pdf

3 posts

figma

From Screen to Zine: Meet the Makers Using Figma for Digital DIY | Figma Blog (opens in new tab)

Figma is helping a new generation of creators revive zine culture by combining digital speed with the handmade spirit of print. The article highlights designers, musicians, and community organizers using Figma to document underground scenes, produce physical artifacts, and collaborate remotely. Its flexibility, plugins, and collaborative canvas make it especially useful for highly iterative, visually experimental work. ## Figma and the revival of zines - Zines have historically given fringe communities and subcultures a way to publish outside mainstream media. - The article profiles several creators using Figma for digital DIY projects: - Dance Data’s 97-page *Underground Fanzine*, created by Jesse Pimenta and Cheyce Batchelor. - Figma’s AAPI employee resource group, which created *AZINE*. - Dominique Saiegh, who designs cassette and CD packaging. - Sebastián Ortega, who creates assets for online radio station SutroFM. - Tara Ridgedell and Gonzalo Guerrero, who run remote risograph workshops through Secret Riso Club. - These projects use digital tools to build real-world connections and preserve ephemeral music and cultural communities. ## The history and spirit of zine culture - Modern zines began as science-fiction fan magazines in the 1930s and 1940s. - Their history continued through: - Beat-generation small presses in the 1950s and 1960s. - Punk music zines and copy-shop publishing in the 1970s and 1980s. - Riot Grrrl and broader zine culture in the 1990s. - E-zines, blogs, and websites in the 2000s. - A renewed interest in printed zines, festivals, and libraries from the 2010s onward. - Dance Data’s publication deliberately recreates the scrappy, Xerox-inspired aesthetic associated with punk-era zines. - Printing the zine gives readers a lasting physical record of an underground music scene whose parties and collectives are often temporary. ## Designing a 1990s-inspired publication in Figma - Pimenta and Batchelor produced the zine in approximately three months. - Figma’s canvas provided a broad overview of the publication, while Auto Layout helped organize and reorder content efficiently. - Figma’s speed supported an iterative process in which every interview spread could have a distinct visual identity. - Pimenta drew inspiration from rave flyers, computer newsletters, technology magazines, and Archive.org’s *The Magazine Rack*. - The desired aesthetic combined hacker culture, cyberpunk imagery, retro computer graphics, and old-school clip art. ## Plugins for a photocopied, experimental look - **Noise & Texture** added gritty, speckled effects resembling 1990s photocopies. - **Photopea** enabled image manipulation, including noise and threshold filters. - **Skew Skew** distorted typography into irregular shapes that suggested warped Xerox reproductions. - These tools, combined with retro rave references, helped the digital design resemble handmade print work. ## Preparing digital work for print - Pimenta had to export individual pages at four times their intended size, convert them into print-ready PDFs, and then resize the final document. - Exporting was slow because the publication contained thousands of small assets. - The project illustrates both Figma’s usefulness for complex editorial design and the practical challenges of converting a large digital file into a physical zine.

figma

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

Figma’s September 2021 updates focus on making remote collaboration feel more natural and interactive. New audio, cursor chat, and high-fives let teams communicate and react without leaving Figma or FigJam. The release also adds workflow improvements for importing data, exporting visuals, editing text, and pasting assets more precisely. ## Audio Collaboration in Figma and FigJam - Users can start audio conversations directly inside a file. - Audio supports quick questions, spontaneous collaboration, working sessions, and presentations. - Figma planned to introduce beta live captions for audio in the desktop app. ## Cursor Chat and High-Fives - Cursor chat lets collaborators ask questions or send encouragement without interrupting a speaker. - FigJam high-fives provide a lightweight way to celebrate progress or conclude a meeting. - These features are designed to restore the informal reactions and social cues often missing from remote work. ## Spreadsheet Import and Export - Spreadsheet cells can be copied into FigJam and converted into sticky notes. - Selected sticky notes can be exported as a CSV file. - This is especially useful for user research and organizing feedback. ## Exporting FigJam Diagrams - Users can export selected objects or an entire FigJam file. - Available formats include PNG, PDF, and JPG. - Exported diagrams can be reused in presentations, emails, and other documents. ## Text and Layout Improvements - Line spacing for bulleted and numbered lists can be adjusted through the type details panel. - FigJam text boxes, sticky notes, and shapes can contain multiple text sizes within the same object. ## More Precise Pasting - **Paste here** places copied content at a chosen location using the right-click menu. - **Paste to replace** swaps a selected object with copied content using `Shift` plus `⌘ + V` or `Ctrl + V`. - **Multi-paste** places the same copied object in the same position across multiple selected frames or groups. Together, these updates make Figma and FigJam better suited to collaborative remote work while reducing friction in common design and workshop tasks.

figma

Figma has PDF Export | Figma Blog (opens in new tab)

Figma introduced PDF export to meet demand for a format still essential for printing, development, and precise asset delivery. Because existing PDF libraries required compromises—especially around rasterization and complex effects—Figma built its own library after studying extensive PDF documentation. The result prioritizes high-fidelity, scalable output across different viewers and use cases. ## Exporting Designs to PDF - Users can export selected layers or an entire page from the Properties Panel. - The “Export Frames to PDF” option creates a multi-page PDF, with frames ordered from top-left to bottom-right based on their canvas positions. - PDF preserves vector descriptions, allowing text and drawings to remain sharp at any zoom level. ## Building a Custom PDF Foundation - Figma reviewed more than 1,300 pages of PDF documentation and evaluated existing libraries. - Existing tools often handled difficult effects by rasterizing them into images. - Figma built its own PDF library to control when and how rasterization occurs. - Avoiding unnecessary rasterization is especially important for: - Large-format printing - Generating the same asset at multiple sizes - Preserving crisp edges and gradients ## Reproducing Shadows and Blurs - PDF lacks the shader-level controls available in graphics pipelines, so Figma synthesized shadows in code. - Blurred regions are finely rasterized and converted into soft masks. - Sharp elements behind the shadow remain vector-based and clear. - Vector clipping ensures shadows and blurs stop correctly at their parent boundaries, preventing visible cracks. ## Handling Complex Gradients - Linear and elliptical gradients map relatively easily to PDF’s built-in shading features. - Angular and diamond gradients require more advanced techniques: - Complex gradients are approximated by stitching together many simpler colored regions. - Mathematical care is needed to limit approximation and numerical errors. - PDF viewers implement sophisticated shading features inconsistently. - Figma selected a specific implementation for angular gradients that works reliably across major viewers, including macOS Preview. Figma’s PDF exporter provides a practical way to share and print designs while preserving vector precision. The company notes that reducing rasterization and adding advanced export controls remain ongoing priorities.