Techlist.io - Korean Tech Blog Curator

figmaDec 13, 20172 min readCurated summary

Stitch Fix accelerates design sprints by collaborating in Figma | Figma Blog

Stitch Fix uses Figma to make design sprints faster, more collaborative, and easier to manage across departments. Its browser-based workflow gives everyone access to one shared source of truth, eliminating file handoffs and tool-installation delays. Real-time collaboration and reusable components let the team focus on solving UX problems instead of managing files or repeating production work. ## Sprinting in the Cloud - Stitch Fix brings designers, engineers, marketers, and project managers together to brainstorm, whiteboard, and prototype solutions. - Because Figma runs in the browser, participants can join shared files through a URL, regardless of whether they use Macs or PCs. - The team avoids exchanging files and installing separate applications for design, prototyping, and developer handoff. - Head of Product Design Ellen Beldner describes Figma as a replacement for the combined workflow of Sketch, InVision, and Zeplin. - A shared cloud file creates a single source of truth from the beginning of the sprint. ## Brainstorming and Critiquing in Tandem - Design sprints often reveal technical challenges or unexpected effects elsewhere in the user experience. - Figma’s Multiplayer feature allows team members to inspect and edit the same design simultaneously. - Instead of gathering around one computer or emailing exported files, teammates can review specific areas directly in the shared file. - Ellen can leave comments, provide immediate feedback, or draw mockups to explain suggested changes. - Designers can return to the same URL later to review detailed critiques without scheduling additional walkthrough meetings. - Working in one file prevents conflicting versions and helps the team stay aligned as prototypes become higher fidelity. ## Shared Components Reduce Busywork - Tight sprint schedules leave little time for repeatedly recreating common UI elements. - Figma’s shared components provide reusable instances of interface elements. - When the master component changes, all instances update automatically. - During a card-based design-system sprint, Stitch Fix used components to test different card combinations efficiently. - Team members could continue placing component instances while others worked on navigation and related areas. - This automation freed designers to focus on broader UX questions rather than repetitive production tasks. ## Practical Conclusion Stitch Fix’s experience suggests that browser-based collaboration, real-time feedback, and reusable components can significantly streamline design sprints. Teams seeking faster cross-functional iteration should prioritize a shared design environment that reduces tool friction and keeps everyone working from the same source.

Figma Design Systems User Experience Prototyping+4

figmaDec 11, 20171 min readCurated summary

#FigmaTip Roundup 4.0 | Figma Blog

The post is a roundup of community-submitted Figma tips designed to help users work more creatively and efficiently. It highlights practical techniques for cropping, creating patterns, resizing layouts, and inspecting designs, showing how small features and shortcuts can improve everyday workflows. ## Cropping Images with Masks - Use masks to crop images into custom shapes rather than relying only on rectangular frames. - Masks provide a flexible way to control which parts of an image remain visible. ## Creating Patterns with Symbols - Reuse symbols to build repeating visual patterns. - Duplicating and arranging symbols can quickly produce decorative or structured compositions. ## Resizing Frames with Constraints - Set constraints on frame elements to control how they behave when the frame is resized. - Constraints help preserve relationships between elements across different dimensions. ## Inspecting Designs with Outline Mode - Press **Command + Y** to switch to Outline Mode. - This view makes it easier to inspect vector paths, layers, and the underlying structure of a design. The roundup encourages designers to experiment with Figma’s masks, symbols, constraints, and keyboard shortcuts to make common design tasks faster and more adaptable.

Figma User Interface Design Tools Graphic Design+4

figmaDec 6, 20172 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.

Figma Prototyping Android iOS+4

figmaNov 29, 20172 min readCurated summary

How to build your design system in Figma | Figma Blog

Figma’s 2017 post argues that design systems can begin with simple, practical building blocks and grow into sophisticated libraries of reusable components. Rather than prescribing one method, it showcases how teams use Figma’s constraints, components, and Team Library to support different organizational needs. The examples suggest that design systems improve consistency while also strengthening collaboration among designers, engineers, product managers, and non-designers. ## Starting with Simple Building Blocks: Gusto - Gusto’s experience addresses the common challenge of deciding where to begin. - The team used basic, reusable elements as the foundation for its component library. - The approach demonstrates that a design system does not need to be comprehensive at launch; it can develop incrementally. ## Creating Marketing and Communications Assets: Square - Square’s marketing team built an internal system for communications design. - The system included reusable assets such as: - Color palettes - Logo sets - Other brand and communication resources - Figma helped the team organize and share these assets across its internal workflows. ## Empowering Non-Designers: Virta Health - Virta Health documented the process from auditing existing components to producing final mockups. - Designers used reusable components that allowed non-designers to assemble designs through drag-and-drop workflows. - The design system improved communication between designers, engineers, and product managers by giving teams a shared visual language for discussing ideas. ## Using Nested Components: OpenText - OpenText explored nested components to create more flexible and powerful UI patterns. - Components could be combined into more complex structures, including controls with multiple button states. - This approach supports scalable systems in which changes to foundational components can flow through larger interface patterns. ## Applying Atomic Design Principles: SetProduct.com - SetProduct.com used atomic design as the organizing framework for its system. - The hierarchy progresses from small elements to complete interfaces: - Words and icons - Buttons and other phrases - Cards and other sentences - Full screens or chapters - Figma components support both local editing and broader, reusable design-system updates. Figma’s examples show that teams should begin with the problems and workflows specific to their organization, then gradually build a reusable system around them. Features such as constraints, nested components, and Team Library can support systems ranging from simple asset collections to highly structured component architectures.

Figma Design Systems Component Library Atomic Design+2

figmaNov 28, 20172 min readCurated summary

Advanced Project Permissions for design systems | Figma Blog

Figma introduced Advanced Project Permissions to give design-system teams finer control over who can edit or access projects. Available to paying Professional Teams, the feature adds view-only and invite-only options alongside the existing team-wide editing model. It is designed to protect systems from accidental changes while allowing maintainers to develop and test privately. ## Why Design Systems Need More Control - Design-system maintainers often need to work privately before releasing components to the broader organization. - Once published, the system should be protected from accidental edits by designers who primarily consume its components. - Figma’s Team Library enabled cross-file and cross-team component sharing, but additional project-level privacy and access controls were needed. ## New Project Permission Options - Professional Team editors can choose one of three access settings when creating a project: - Everyone on the team can edit - Everyone on the team can view - Invite-only access for selected collaborators - Existing projects can be updated by opening the **Share** dialog and changing their permissions. - The feature creates a boundary between design-system “maintainers” and “viewers.” ## Effects on Team Workflows - View-only permissions reduce the risk of well-intentioned team members modifying carefully maintained components. - Invite-only projects allow maintainers to experiment and refine a system before wider deployment. - Larger teams may give individual designers fewer opportunities to directly change the system, depending on the balance between maintainers and viewers. - Figma was exploring pull-request-like workflows so designers could suggest changes while maintainers retained ownership. Overall, the permissions provide a practical foundation for managing robust design systems: restrict editing to maintainers, use view-only access for consumers, and consider structured contribution workflows for future improvements.

Figma Design Systems Collaboration Access Control+2

figmaNov 27, 20172 min readCurated summary

Introducing DesignSystems.com | Figma Blog

Figma introduced DesignSystems.com as a central resource for learning about and building design systems. The site aims to address practical challenges—such as consistency, communication, organizational culture, and implementation—rather than presenting only polished success stories. Figma also planned community events, including sponsored design-system dinners, to encourage candid offline discussion. ## Why Design Systems Matter - As products grow across multiple screens and teams, designers need processes that scale. - Companies increasingly compete through user experience, making consistency and efficient collaboration more important. - Common questions include: - Whether design components should be connected to code - Whether dedicated teams are necessary - How to start a design system - Whether design systems could replace designers - Figma had already supported this work through features such as team libraries, which allow companies to share component libraries across files and teams. ## DesignSystems.com as a Community Hub - The site was created as a place to learn, create, and discuss design systems. - It intends to cover: - Difficult implementation problems - Real-world failures and “war stories” - Lessons learned and best practices - The cultural and economic effects of design systems - Figma encouraged designers to contribute their successes, failures, and unresolved questions. ## Bringing the Conversation Offline - Design-system work involves organizational politics and social dynamics that can be difficult to discuss publicly. - Figma sponsored dinners where designers could openly debate how design systems affect their organizations. - The first dinner took place in San Francisco, with plans to support similar gatherings hosted by design communities worldwide. DesignSystems.com was positioned as both an educational resource and a community-building effort. Figma’s recommendation was to learn from honest implementation experiences and connect directly with peers facing similar challenges.

Figma Design Systems User Experience Design Components+1

figmaNov 19, 20173 min readCurated summary

5 international cities with up-and-coming UI/UX design communities | Figma Blog

The article argues that UI/UX innovation is no longer concentrated in Silicon Valley. Global conferences, meetups, education programs, and remote work are helping design communities grow in cities with distinct cultural and economic environments. It highlights São Paulo, Shenzhen, Riga, and the beginning of Lima’s profile as promising international design hubs. ## Global Design Is Becoming More Distributed - Silicon Valley’s influence can create a narrow view of the technology industry. - Design communities are expanding worldwide through: - UX conferences and local meetups - Remote work - Educational and internship programs - Growing collaboration between designers and developers - The article presents these cities as opportunities for graduates, digital nomads, and remote freelancers seeking active design communities. ## São Paulo, Brazil - São Paulo’s cultural diversity and progressive social environment support experimentation in technology and design. - The **Design Thinking para Startups** Meetup had more than 5,000 members discussing design sprints and Value Proposition Design. - **Front UX** focuses on improving collaboration between designers and developers. - UX/UI consultancy **Key Ideas** works with major clients including Nestlé, Samsung, and Colgate. - The city is portrayed as an emerging design powerhouse shaped by its large, educated population and craft-oriented culture. ## Shenzhen, China - Shenzhen transformed from a fishing village of roughly 30,000 people into a metropolis of approximately 11 million after becoming a Special Economic Zone. - By 2017, it had around: - 6,000 design firms - 100,000 design professionals - Its design scene spans digital products and many other creative disciplines. - UNESCO recognized Shenzhen as a cultural and creative center. - Industry observers predicted that Shenzhen could become a global innovation leader comparable to Silicon Valley. ## Riga, Latvia - Riga combines historic architecture with a growing contemporary creative and technology sector. - The annual **UX Riga** conference brings international speakers, workshops, and roughly 450 attendees. - The **UX/UI Riga** Meetup had 667 members discussing e-commerce UX and practical prototyping. - Riga-based startup DigiPulse attracted international attention by launching an early version of a digital cryptocurrency vault. - The city demonstrates how smaller European capitals can build globally connected design communities. ## Lima, Peru - Lima is introduced as a major coastal Latin American city, ranking behind Mexico City and São Paulo in metropolitan population. - Its Spanish Baroque and colonial architecture provide a distinctive cultural setting for its emerging design and technology scene. - The supplied excerpt ends before the article details Lima’s specific design organizations, companies, or programs. The broader recommendation is to look beyond established technology centers: emerging cities can offer strong professional networks, distinctive perspectives, and meaningful opportunities for UI/UX designers.

User Experience Prototyping Design Thinking Digital Design+4

figmaNov 1, 20172 min readCurated summary

Introducing: Figma Pages | Figma Blog

Figma Pages adds an organizational layer within a single design file, letting designers separate brainstorming, wireframes, iterations, and final assets without creating separate documents. The feature supports multiple workflows, including platform-specific designs, shared component libraries, and multiple prototypes. Figma emphasizes that Pages are for organization—not version control—and warns that duplicating large files across Pages may hurt performance. ## Organizing Designs with Pages - Pages can be added, switched, or deleted from the file’s left-hand panel. - The Pages menu collapses after use but can be kept open with a control-click. - Sketch imports preserve the original document’s pages and symbols. - There is no limit to the number of Pages in a file. ## Common Uses - Separate brainstorming, wireframing, and polished designs. - Organize iOS and Android screens on different Pages. - Store shared components, icons, or other interface elements separately. - Choose the first Page to control which design appears as the file thumbnail. - Create separate prototypes within one file. ## Collaboration and Moving Components - Sharing one Page grants access to the entire file containing it. - Components can be moved between Pages by right-clicking and choosing **“Move to Page.”** ## Pages Versus Version Control - Pages should not be used to create copies of designs as a version-control system. - Figma already provides version history for tracking changes. - Repeatedly duplicating large designs across Pages can negatively affect performance. Figma Pages is best used to structure related design work within one accessible file, while Figma’s version history should handle historical snapshots and revisions.

Figma User Experience Prototyping Version Control+2

figmaOct 29, 20173 min readCurated summary

How Inneract Project empowers brown and black designers | Figma Blog

The article highlights ten UI/UX design internships recommended by Figma users, arguing that the best programs offer meaningful design work, mentorship, user research, and opportunities to learn—not merely perks or high compensation. Across companies ranging from Shopify and Facebook to Hotels.ng and Palantir, interns are given varying degrees of responsibility, collaboration, and professional guidance. The strongest internships help students build practical skills and often lead to full-time employment. ## What Makes an Internship Valuable? - Respondents valued opportunities to practice design, conduct real user testing, and learn from experienced professionals. - Mentorship was a recurring theme: - Shopify assigns every intern a staff mentor. - Spotify provides interns with a designated mentor or manager. - Perks such as catered meals, generous stipends, travel credits, and office amenities were appreciated but considered secondary to meaningful work and learning. ## Shopify - Places interns on cross-functional teams to develop communication and collaboration skills. - Design interns work on deployable products, including Timeline. - Approximately 80% of interns reportedly return to Shopify or become full-time employees. - Strong emphasis on individual mentorship. ## Hotels.ng - Offers a remote, paid UI/UX internship for Nigerian residents through a partnership with the Akwa Ibom State government. - Interns must complete assigned tasks successfully to remain in the program. - The program lasts three months. - Many graduates receive full-time offers from Hotels.ng or other local companies. ## Facebook - Provides a reported average stipend of about $5,600 per month. - Interns receive substantial responsibility and are treated similarly to full-time employees. - The work environment is described as resembling an intensive “college campus.” ## Spotify - Runs a ten-week program organized into close-knit squads and two-week sprints. - Interns are treated as “band members,” reinforcing the company’s collaborative culture. - The product design program is highly design-focused, with strong expectations for visual craft. - Mentorship and free food are notable parts of the experience. ## Salesforce - Its Futureforce program gives interns meaningful projects and opportunities to learn design systems. - Interns participate in social events with executives and receive up to seven days of Volunteer Time Off. - The program combines professional development with networking and community activities. ## Uber - Offers health benefits, unlimited vacation, and Uber credits. - Interns work in an intense but rewarding environment. - Product design interns may have direct access to senior leaders, whose willingness to listen can give interns significant influence. ## IBM - Austin’s Maelstrom program guides roughly 15 young designers through four tracks: - Design research - Visual design - UX design - Front-end development - Program leaders attribute its success partly to an emphasis on emotional intelligence. ## Airbnb - Known for a strong design culture, influenced in part by its designer co-founders. - Offers a close-knit, progressive, and innovative work environment. - Interns receive travel credits and access to extensive employee perks. - The company was ranked highly as a workplace in 2016. ## Square - Gives interns flexibility to explore different types of design problems as their interests develop. - Recognized for efforts to address gender inequality in technology. - Interns may work beyond conventional UI design, with opportunities to approach problems creatively and artistically. ## Palantir - Product design interns focus on solving complex problems rather than making minor visual adjustments. - The company’s open-source Blueprint style guide reduces repetitive interface work. - The program emphasizes product thinking and meaningful design challenges. ## Practical Takeaway When evaluating internships, prioritize mentorship, real product responsibility, cross-functional collaboration, and opportunities to learn from feedback. Compensation and perks are useful, but a program that develops practical design skills and provides a path to future employment is likely to have the greatest long-term value.

Figma Design Systems User Experience User Testing+3

figmaOct 25, 20172 min readCurated summary

Figma Now Integrates with Zeplin | Figma Blog

Figma announced a Zeplin integration to make it easier for teams to move designs into a developer-focused handoff workflow. The integration supports teams using different design and development processes, allowing Figma frames to be exported directly into Zeplin. However, unlike Figma’s always-current code mode, designs must be re-exported whenever the original Figma file changes. ## Supporting Flexible Design Workflows - Teams use different tools and processes to design, prototype, and build digital products. - Figma aims to support these workflows through integrations with complementary tools. - Zeplin is focused specifically on the developer experience, presenting design specifications and assets in an accessible format for engineers. ## Exporting Figma Designs to Zeplin The integration can be enabled through the following workflow: - Download Zeplin and create a project. - Enable Zeplin in Figma through **Menu → Integrations → Zeplin**. - Create and select a frame in Figma. - Choose **Export**, then select **Export to Zeplin**. - Zeplin opens automatically, where the user can select **Import**. - The exported Figma design then becomes available for viewing in Zeplin. ## Important Workflow Limitation - Exported designs are not automatically synchronized with Figma. - Any updates made to the original Figma design require another export to Zeplin. - This differs from Figma’s code mode, where developers always see the latest design assets. Figma presents the integration as part of its broader effort to help design and engineering teams collaborate more efficiently. Teams that rely on Zeplin can now incorporate Figma into their existing handoff process, provided they remember to re-export designs after changes.

Figma Prototyping User Interface Front End Development+2

figmaOct 23, 20173 min readCurated summary

Why Professors at Stanford and UC Berkeley Use Figma to Teach Design | Figma Blog

Figma argues that interface design courses need tools that minimize technical overhead so professors can focus on design principles. Its browser-based, collaborative platform is presented as accessible across devices, free for educational institutions, and easy for beginners to learn. The post concludes that these features make teaching, feedback, sharing, and group work more efficient. ## The Challenge of Teaching Interface Design - Interface design remains uncommon in college curricula, often appearing as isolated interdisciplinary courses. - Professors must teach substantial technical concepts in limited time. - Traditional design tools can be difficult and time-consuming for students to learn. ## Accessible on Any Computer - Figma runs in the browser and supports PCs, Macs, Linux systems, and Chromebooks. - Students can work anywhere with internet access, without downloading large software packages. - This helps students who do not own high-powered personal computers. ## Free for Educational Institutions - Figma’s premium version is offered free to educational institutions. - Schools do not need to negotiate expensive contracts. - The lack of cost reduces barriers for students from lower-income backgrounds. ## Easy to Learn - Figma is designed around the core functionality digital designers need. - Berkeley instructors describe it as lightweight, simple, and intuitive. - Students with no prior design experience can reportedly learn the basics in under an hour. - Professors and TAs can concentrate on design principles rather than tool training. ## Technical Support for Classes - Figma provides in-app chat support for students and instructors. - The company states that it responds within 24–48 hours on weekdays. - This reduces the technical-support burden on professors and TAs, especially in large classes. ## Always-Current, Shareable Designs - Designs are stored online and accessed through a file URL. - Instructors can view the latest version without requiring students to export or email files. - Teachers can review work or watch students design in real time. ## Feedback and Version History - Comments can be pinned directly to specific design frames. - Students can view feedback immediately and iterate without waiting for in-person meetings. - Version history shows how a design developed and helps instructors assess contributions in group projects. ## Real-Time Collaboration - Multiple students can work in the same file simultaneously. - Cloud collaboration eliminates the need to email files, manage conflicting versions, or take turns editing. - The post also introduces seamless developer handoff as another benefit, though the provided excerpt does not elaborate on it. Figma’s combination of low cost, cross-platform access, simple onboarding, collaboration, and built-in feedback makes it a practical classroom tool for teaching design fundamentals rather than software mechanics.

Figma Collaborative Design Cloud Computing Version Control+2

figmaOct 18, 20173 min readCurated summary

How to throw a design-friendly hackathon | Figma Blog

Hackathons have traditionally centered on engineers, but design is now essential to building successful technology products. To attract and retain designers, organizers must deliberately recruit them, communicate the event’s creative value, make applications inclusive, and provide design-focused support. Hack@Brown’s experience shows that these efforts can raise designer participation to roughly one-fifth of attendees. ## Why Hackathons Need Designers - Early hackathons were created around programming and engineering, reinforcing the idea that they were primarily for coders. - As design became a major product differentiator, hackathons began seeking stronger collaboration between designers and engineers. - Hack@Brown, Brown University’s annual event with more than 500 participants, experimented with different approaches and reached about 20% designer participation by 2017. ## Recruit Designers Directly - Designers often do not encounter hackathon promotions through computer-science networks. - Organizers should contact: - University art departments - Campus design clubs and social groups - Local art and design schools - Hack@Brown reached out to institutions including RISD, Parsons, and Northeastern’s design club, Scout. - Organizers with personal connections to design communities have an advantage, but broader outreach is necessary to build awareness. ## Market the Creative Opportunity - Generic messaging such as “24 hours” and “loads of prizes” may not appeal to designers. - Promotional materials should demonstrate strong visual design and involve artists or visual thinkers on the organizing team. - Hack@Brown replaced conventional hacker-focused messaging with “Make, play, learn,” emphasizing creativity, collaboration, and experimentation. - The goal is to show designers that they can make meaningful contributions to hackathon teams. ## Create an Inclusive Application Process - Application systems can unintentionally favor experienced engineers or exclude candidates from nontraditional backgrounds. - Organizers can use: - A lottery system with reserved designer spaces - A separate evaluation process for design applicants - Design experts to help review applications - Hack@Brown received about 3,000 applications for 500 places and used representation targets, including at least 15% designers, 50% women, and 20–30% first-time hackathon participants. - Broader participation produced more varied and innovative projects. ## Build a Design-Friendly Event - Recruiting designers is not enough; the event must also support their needs and make them feel included. - Useful initiatives include: - Design workshops before or during the hackathon - UX/UI introductions for participants unfamiliar with design - Designer mixers to help attendees build community - Design mentors, especially those with coding experience - Design recruiters offering job and internship opportunities - Hack@Brown scheduled its event shortly after Brown and RISD career fairs so recruiters could meet many potential candidates efficiently. ## Recognize Designers - The article begins a section on rewarding designers to encourage them to return and recommend the event to others, but the provided text ends before describing the specific reward strategies. A design-friendly hackathon requires intentional outreach, inclusive selection, relevant programming, and visible support for design participants. Treating designers as equal contributors—not as an afterthought—helps create stronger teams and more innovative projects.

User Experience Collaborative Design Design Thinking Visual Design+2

figmaOct 15, 20172 min readCurated summary

ICYMI: An Overview of Figma’s Feature Release Week | Figma Blog

Figma celebrated its first anniversary with “#6DaysofShipping,” releasing a new feature or improvement each day from Monday through Saturday. The initiative aimed to serve both advanced users and beginners, combining powerful workflow enhancements with accessible tips. The post recaps the week’s releases and highlights Figma’s fast, community-driven product development. ## A Week of Daily Releases - Figma created the release week after users praised the company’s rapid shipping pace. - The team decided to launch one feature per day for six consecutive days. - Releases ranged from advanced functionality, such as nested instance swapping, to beginner-friendly resources like a complete keyboard shortcut list. - The campaign was intended as a fun, unexpected celebration for Figma’s community and first anniversary. ## Scrubbable Inputs - Users can change property values more quickly by holding **Option**, clicking, and dragging. - Moving the cursor upward allows values to be “scrubbed” even faster. - The interaction is designed to speed up design exploration and iterative adjustments. ## Shortcuts for Rounding Corners - Rectangle corner radii can be adjusted directly by hovering, clicking, and dragging. - Users can round individual corners by holding **Alt** while clicking and dragging. - This provides more precise control over shapes without relying solely on numeric inputs. Figma’s release week demonstrated how small interaction improvements and advanced capabilities can make design work faster and more flexible. The practical recommendation is to explore both the new gestures and the broader shortcut reference to get more out of Figma’s editing workflow.

Figma User Interface Design Tools Keyboard Shortcuts+1

figmaOct 11, 20171 min readCurated summary

FigmaTip Roundup 2.0 | Figma Blog

FigmaTip Roundup 2.0 collects quick workflow lessons shared by Figma users and the Figma team. The tips focus on importing several images efficiently and navigating the canvas faster. Together, they show how simple keyboard shortcuts and layer-panel actions can speed up everyday design work. ## Importing and Placing Multiple Images - Press **Cmd+Shift+K** to open the image import workflow. - Select multiple image files at once. - Click on the canvas to place the images, avoiding the need to import them individually. ## Zooming Directly to an Object - Double-click the **layer icon** for an object in the Layers panel. - Figma zooms the canvas to show that object at its full dimensions. - This provides a quick way to locate and inspect objects without manually navigating or changing zoom levels. The roundup encourages designers to adopt these small shortcuts and share their own tips with the Figma community.

Figma Design Tools Graphic Design Canvas+1

figmaOct 3, 20171 min readCurated summary

Discover Hidden Functionalities with #FigmaTip Roundup 1.0 | Figma Blog

The post launches Figma’s **#FigmaTip Roundup**, a collection of small, community-shared techniques for discovering less obvious features in Figma. The featured tips focus on faster editing, navigation, and object selection, showing how keyboard shortcuts and property-based commands can streamline design workflows. ## Copying Layer Properties - Multiple layer properties can be selected and copied to other objects. - This provides a quicker alternative to manually reproducing styles or settings across layers. ## Canvas Panning Shortcuts - Press **Z + an arrow key** to pan around the canvas. - Hold **Shift + Z** to pan using larger movements or “nudges.” - These shortcuts make navigating large canvases faster without relying on scrollbars or trackpad gestures. ## Selecting Objects with Matching Properties - The roundup also highlights a feature for selecting objects that share the same properties. - This can help designers efficiently work with groups of similarly styled or configured objects. The article encourages designers to explore Figma’s hidden capabilities and share their own discoveries through **#FigmaTip**.

Figma User Experience Keyboard Shortcuts Canvas Panning+1