✳flâneur — a map of the web's best reading

How to Streamline Your Design System Workflow in Figma | Figma Blog

figma.com · 619 words · saved by 1 readers

If you’ve ever stared down a blank Figma file while building a new design system, never fear: These new features and plugins will turn that mountain of work into an afternoon task. Hero animation by Kelli Anderson Here’s a quick reference list of plugins we’re covering: We’ve all been there: starting a new design system project, staring out the window, feeling the weight of the mammoth task ahead. Color ramps, typography scales, spacing systems—as a Designer Advocate, I know they can be immensely enjoyable to finesse, but let’s be honest: They can take forever to get right. After countless rounds of this cycle, I’ve discovered a combination of tools and plugins that save me hours and take away my blue-500s. Think of them as your design system co-pilots, each specializing in a different aspect of the journey from concept to code. And the best part? Today, we’re launching 9 new design systems features that address some common frustrations—let’s get to know what’s changed in Figma, and ho

javascript:throw new Error('React has blocked a javascript: URL as a security precaution.') abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking

Explore this link on the map →

related reading