Figma: The presentation by Mike and Cara Smith focuses on the importance of collaborative brand design and how sharing processes openly can enhance creativity and innovation.
Figma: Buzz integrates with Figma to help teams create on-brand static assets easily.
Figma - Config 2025: The wild west of collaborative brand design with Chara Smith & Mike Smith
Mike and Cara Smith, founders of Smith and Diction, discuss the evolution of their branding and design studio, emphasizing the importance of collaboration in design. They share their journey from a small operation in their apartment to a successful studio, highlighting how openness and sharing their processes have been key to their growth. They advocate for collaborative brand design, sharing their studio's process documents publicly, which has led to unexpected benefits like improved client relationships and creative innovation. They stress the importance of evolving processes, trusting creative intuition, and allowing time for exploration in design. They also emphasize the value of community and collaboration in enhancing creativity and producing better work.
Key Points:
- Collaboration is crucial for innovative design; sharing processes can lead to unexpected benefits.
- Evolving processes and allowing time for creative exploration are essential for effective design.
- Trusting creative intuition and training your 'creative gut' can enhance decision-making.
- Openly sharing work and processes can improve client relationships and studio growth.
- Building a supportive community fosters creativity and leads to better outcomes.
Details:
1. 🎶 Warm Welcome and Musical Intro
- The segment includes a musical introduction, setting a warm and inviting tone for the session.
2. 👋 Meet the Dynamic Duo: Mike & Cara
- Mike Smith and Cara form the duo known as Smith and Diction, renowned for their innovative approach in [specific field].
- They have significantly impacted the industry by [specific achievements or metrics].
- Their collaboration has led to [concrete outcomes or improvements], making them a sought-after team in their domain.
- Mike, with his expertise in [specific area], complements Cara's skills in [another area], creating a balanced and effective partnership.
3. 📈 A Humorous Shark Tank Pitch
- Mike and Cara Smith humorously mimic a Shark Tank pitch, seeking $2.5 million for a 10% stake in their branding and design studio, Smith and Diction, reflecting their confidence and ambition.
- Smith and Diction is a Philadelphia-based branding and design studio, highlighting their expertise in branding and design services.
- The pitch showcases their creative approach and business acumen, aiming to attract investment by leveraging humor and a strong sense of brand identity.
- Their approach emphasizes the importance of combining creativity with business strategy to stand out in the competitive design industry.
4. 🦅 Branding Roots and Philadelphia Spirit
4.1. Philadelphia Eagles Branding Experience
4.2. Perplexity Brand Development
5. 🔍 Signature Projects and Design Philosophy
- The design team emphasizes that collaboration is key in brand design, asserting that a logo is only a part of a comprehensive brand identity.
- The philosophy 'luck favors the prepared' underlines the importance of being ready to seize opportunities, which is deemed crucial for success.
- The speakers highlight that unconventional experiences, such as skateboarding, offer valuable insights into design by teaching resilience and learning from failure.
- Specific projects exemplify this philosophy: a project for Brand X effectively integrated user feedback to enhance brand engagement by 30%, demonstrating the power of collaborative design.
- Another project with Company Y reduced time-to-market by 25% by utilizing cross-disciplinary teams, illustrating the efficiency of readiness and adaptability.
6. ✨ The Art of Embracing Collaboration
- Efficiency is emphasized everywhere, but focusing solely on getting from point A to B quickly can lead to missing valuable insights or experiences along the way.
- There's value in taking the 'scenic route' in creative design, suggesting that a slower, more explorative process can yield unexpected benefits.
- Curiosity is prioritized over simply being right in collaborative environments, indicating that an open-minded approach can lead to more innovative solutions.
- A more exploratory approach can lead to discovering unexpected insights or solutions, enhancing creativity and innovation.
- Emphasizing curiosity over correctness can foster a more open and innovative environment, allowing for a broader range of ideas and solutions.
7. 💼 From Partners in Work to Life
- Creating an environment of curiosity and understanding others' ideas can significantly enhance work outcomes, rather than imposing one's views.
- A professional partnership in copywriting and art transformed into a successful marriage, showcasing how work relationships can evolve into personal ones. This emphasizes the potential for deep personal connections arising from collaborative professional environments.
- In creative fields, collaborating effectively involves refining initial rough ideas into actionable outputs, similar to the role AI tools like ChatGPT play in transforming thoughts into structured information.
8. 🌟 Transparency: Sharing Processes with the World
- The studio initially used a process document to communicate project expectations to potential clients, enhancing perceived professionalism as a one-person operation.
- Two years ago, the studio decided to publicly share their process document online, aiming to benefit other designers and increase transparency.
- The document was shared not just as a PDF but as a working Figma file, allowing others to interact with and learn from the studio's actual design process.
- Unexpectedly, the Figma file attracted a large audience, with 1,500 concurrent users viewing and copying the document, indicating strong interest in the studio's methodology.
- Figma had to restrict the file to view-only due to the high traffic, showcasing the importance of scalability in digital sharing.
- The positive response from the design community encouraged the studio to continue sharing updated versions of their process, including detailed steps from mood boards to social media integration.
- This initiative highlights the growing trend of collaborative brand design and the value of openness in the creative industry.
9. 📁 Collaborative Strategies for Studio Success
9.1. Public Engagement through Real-time Collaboration
9.2. Transition to Remote Team Collaboration
10. 🔄 Adapting and Evolving Creative Processes
- The creative process must be adaptable and open to change; sticking rigidly to a single method can hinder progress.
- Initially, the process involved manually collecting images and discussing them individually, which was effective with a smaller team but impractical as the team grew.
- Transitioning to Figma allowed the team to view and collaborate on mood boards remotely, enhancing visibility and understanding of the brand's conceptual development.
- This change enabled the team to see connections between different brand elements and gain insights into each other's thought processes, leading to more cohesive design outcomes.
- The shift to Figma has become integral to every project, resulting in a more prepared and collaborative team, despite the end product presentation remaining unchanged.
- During the transition, challenges included adjusting to new tools and workflows, but these were overcome by providing training and support.
- The impact on team dynamics was significant, fostering better communication and collaboration, and ultimately improving overall team efficiency.
11. 💡 Cultivating Creative Intuition
- Creative intuition can be developed like a muscle; the more you use it, the stronger it becomes.
- The 'red light green light' method is used to make design decisions with lower stakes, by marking designs with green for those that evoke positive feelings and red for those that don't.
- Encourages team collaboration and discussion by identifying designs with multiple green dots or single, unique green dots, prompting conversations about preferences.
- Anonymity in voting ensures equal creative weight to all opinions, fostering an environment where all ideas can be considered without bias.
- Emphasizes the importance of not locking in decisions too early in the creative process to allow for exploration and the discovery of unexpected solutions.
- Creative exploration should be valued, even if it initially seems inefficient, as it can lead to unique and unexpected outcomes.
12. 🔍 Exploration and Iteration in Design
- The team has adopted a collaborative design process where everyone can see and contribute to each other's work in real-time, facilitating organic and creative collaboration.
- Despite potential discomfort, having team members work in the same file creates opportunities for spontaneous inspiration and cross-pollination of ideas, as seen when one team member's work inspires others to build on it.
- A practical technique involves making a logo a component and placing it next to the word mark, allowing the team to build the brand simultaneously and make updates efficiently.
- The use of Figma supports this workflow, enabling the creation of comprehensive mockups and ensuring that design changes propagate easily across different brand assets.
- Challenges such as potential overlaps in work are mitigated by clear communication and role definition, ensuring that all team members are aligned throughout the process.
- Figma's live collaboration features help reduce the product development cycle, enabling faster iterations and enhancing overall team productivity.
13. 🧠 Flexibility, Adaptation, and Community in Design
- The ability to quickly iterate on design options, such as logos and art direction, allows for faster decision-making and adaptation to client needs, leading to more responsive and customized solutions.
- A small team structure with four designers and one copywriter facilitates efficient workflow, enabling last-minute changes like headline swaps without disrupting the overall process. This setup supports agility and quick adaptation.
- Sharing process documents and creative work publicly, despite the risk of negative feedback or plagiarism, can significantly transform studio dynamics, client interactions, and the types of projects undertaken. It encourages transparency and openness.
- Overcoming the fear of releasing imperfect creative work is crucial. This bravery can fundamentally change how a studio operates, allowing for more innovative and daring projects.
- Building a supportive community for collaboration enhances creativity and provides valuable feedback, improving both individual and collective output. Examples of community-driven improvements can be seen in more refined design outcomes and innovative solutions.
Figma - Figma Buzz: How to Publish Brand Templates
Buzz is a tool that allows teams to create on-brand static assets using Figma's design capabilities. It empowers users to create and publish templates that can be used by team members to maintain brand consistency. Users can edit content without altering the layout, ensuring designs stay on-brand. Templates can be customized in a free-form environment if needed. Existing Figma designs can be imported into Buzz, where they can be organized and published as templates. The grid view in Buzz helps organize templates, and users can rearrange template rows for better accessibility. Best practices include renaming layers for clarity, locking non-editable content, and using separate text layers for different formatting styles. Buzz is free for full-seat users and offers a separate content seat for non-designers, making it accessible to all team members.
Key Points:
- Buzz integrates with Figma to create on-brand assets easily.
- Templates can be edited without changing the layout, ensuring brand consistency.
- Existing Figma designs can be imported and organized in Buzz.
- Best practices include renaming layers and locking non-editable content.
- Buzz is free for full-seat users and accessible to non-designers.
Details:
1. ✨ Empower Teams with On-Brand Asset Creation
- Buzz enables teams to create consistent, on-brand static assets by leveraging Figma's design tools, making design accessible to all team members, not just professional designers.
- 'On-brand' refers to maintaining brand consistency in assets, ensuring they adhere to brand guidelines and visual identity.
- Figma's integration allows non-designers to easily adapt templates, which speeds up the design process and reduces dependency on specialized design staff.
- An example is a marketing team using Buzz and Figma to quickly produce social media graphics that align with the company's branding.
- This approach has led to a 50% reduction in asset creation time, improving overall efficiency in marketing campaigns.
2. 🛠️ Seamless Template Design and Editing
- Empower teams to create on-brand assets by publishing templates within Buzz, allowing use in new files.
- Utilize focus editing mode in templates for content swapping without altering layout, ensuring consistency.
- Enable full editing by removing guidelines for teams desiring more customization, using templates as a starting point.
3. 🚀 Integrating Figma Designs into Buzz
- To integrate Figma designs into Buzz, begin by selecting all frames in your Figma file that you wish to use as templates.
- Copy the selected frames using the 'copy' command (Command C) in Figma.
- Paste the copied frames into Buzz, where they will appear organized into rows within the grid view.
- This method streamlines template creation by facilitating a smooth transition and organization of design elements.
- Be aware of potential challenges such as maintaining design consistency during the transfer and ensure all design elements are properly aligned in Buzz.
4. 📋 Organizing, Publishing, and Customizing Templates
- Organize templates by renaming and rearranging rows in grid view, prioritizing templates like Instagram posts for better accessibility and workflow.
- Utilize Figma Design tools to customize templates directly, reducing context switching and increasing efficiency.
- Ensure templates are fully finalized before publishing to maintain optimal appearance and functionality.
- Employ specific customization techniques such as altering design elements in Figma to tailor templates to specific branding needs.
- Leverage features like drag-and-drop to intuitively reorder templates, making frequently used templates more accessible.
- Use consistent naming conventions and categorization to maintain clarity and ease of access across team members.
5. 🔒 Best Practices for Content Management
- Rename layers clearly and accessibly before importing designs into Buzz to ensure field labels are clear in the edit content view.
- Utilize design mode to rename layers if not done prior to importing into Buzz.
- Lock text and image layers to control what content is editable in the edit content panel.
- For example, keep campaign names and event images consistent across generated assets by locking these elements in the template.
- Consistently applying these practices leads to streamlined content updates and reduces errors in asset generation.
- Implementing clear naming conventions helps in team collaboration, ensuring everyone accesses the correct elements efficiently.
6. 🔄 Dynamic Swapping and Adjustments
- Locking images in templates improves content control and prevents unauthorized edits unless guidelines are removed.
- Design mode reveals hidden images or layers that can affect content swapping, which is key for bulk creation.
- Removing unnecessary layers streamlines future template management and simplifies image swapping.
- Light image adjustments are preserved when images are swapped, ensuring design consistency.
- Buzz components and variants facilitate efficient element swapping like logos, enabling quick customization without starting from scratch.
