Figma for Designers

Seminar - GFU Cyrus AG

Participants will gain a solid foundation in Figma, understanding its interface, core functionalities, and collaborative features. They will learn how to create and manage design files, utilize vector tools, and implement effective layout techniques. The seminar will cover essential topics such as designing responsive interfaces, prototyping interactions, and creating reusable components. Additionally, attendees will explore best practices for organizing design systems, collaborating with team members, and integrating Figma with other tools in the design and development pipeline. By the end of the seminar, participants will be equipped to produce high-quality designs, collaborate efficiently, and maintain consistency across projects using Figma.

Termin	Ort	Preis^*
firmenintern	auf Anfrage	auf Anfrage	jetzt buchen

^*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:

Introduction to Figma
- Overview of Figma and its role in modern design workflows
- Key features and benefits of using Figma
- Setting up a Figma account and navigating the interface
Figma Interface and Tools
- Understanding the Figma workspace: Canvas, Layers, Assets, and Inspector
- Using vector tools and shape manipulation
- Working with text, images, and other design elements
Creating and Managing Design Files
- Organizing design projects and files
- Using pages and frames for structured designs
- Importing and exporting design assets
Designing Responsive Interfaces
- Principles of responsive design in Figma
- Utilizing constraints and resizing options
- Creating adaptive layouts for different screen sizes
Components and Design Systems
- Creating and managing reusable components
- Building and maintaining a design system
- Using component variants and nested components
Prototyping and Interactions
- Creating interactive prototypes with Figma
- Linking frames and adding transitions
- Testing and sharing prototypes for feedback
Collaboration and Teamwork
- Real-time collaboration features in Figma
- Sharing files and managing permissions
- Commenting and feedback workflows
Advanced Features and Techniques
- Using auto-layout for dynamic designs
- Creating and managing styles (colors, typography, effects)
- Leveraging plugins to extend Figma„s functionality
Integrating Figma with Development
- Exporting design assets for developers
- Using Figma„s code snippets and integrations
- Collaborating with developers using Figma„s handoff tools
Best Practices and Design Workflow Optimization
- Organizing layers and naming conventions
- Maintaining consistency across design projects
- Streamlining the design-to-development process
Exercises
- Exercise 1: Designing a Responsive Landing Page
  - Description: Create a responsive landing page layout using Figma„s vector tools, auto-layout, and constraints. Implement a mobile and desktop version to demonstrate responsive design principles.
  - Result: Participants will produce a responsive landing page design that adapts to different screen sizes, showcasing their ability to create flexible and scalable interfaces.
- Exercise 2: Building and Using a Design System
  - Description: Develop a basic design system with reusable components, styles, and variants. Apply the design system to a sample project to ensure consistency and efficiency.
  - Result: Attendees will establish a functional design system and apply it to a project, demonstrating the benefits of reusable components and standardized styles in maintaining design consistency.

Zielgruppe:

This seminar is ideal for UI/UX designers, graphic designers, product managers, web developers, and creative professionals who are new to Figma or looking to enhance their design workflows. It is perfect for individuals and teams seeking to leverage Figma„s powerful collaborative design tools to create stunning user interfaces, prototypes, and design systems efficiently.

Seminarkennung:

S5036

Nach unten

Nach oben

Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.

Akzeptieren Nicht akzeptieren

Ihr Name:

Firma (optional):

Ihre E-Mail-Adresse:

Telefonnummer (optional):

Ihre Nachricht:

Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.

Figma for Designers

Detaillierte Informationen zum Seminar

Anbieterinformationen